/* Air Dispatch shipment workspace. Dense single-screen workflow using the modern Air Dispatch shell. Operational fields only: financial values remain outside this workspace. */ /* The legacy Dispatch page owns a full-screen loading mask. Never allow that mask to permanently block the operational board if Firebase/auth initialization stalls. JS still removes it immediately on a successful snapshot; this is only the fail-safe. */ #loadingMask{animation:adDispatchLoaderFailsafe .01s linear 6s forwards} @keyframes adDispatchLoaderFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}} #shipmentModal.open{display:block;position:fixed;top:var(--topbar);left:var(--sidebar);right:0;bottom:0;padding:6px;overflow:hidden;background:var(--bg);z-index:180} body.sidebar-collapsed #shipmentModal.open{left:0} #shipmentModal .modal{width:100%;max-width:none;height:calc(100vh - var(--topbar) - 12px);min-height:0;max-height:none;margin:0;overflow:hidden;display:flex;flex-direction:column;border:0;border-radius:10px;background:var(--bg);box-shadow:none} #shipmentModal .modal-head{display:none!important} #shipmentModal .modal-body{flex:1 1 auto;min-height:0;padding:0;overflow:auto} #shipmentModal .modal-foot{position:relative;bottom:auto;flex:0 0 40px;min-height:40px;z-index:12;padding:4px 8px;background:var(--bg);border-top:1px solid var(--border);box-shadow:none} #shipmentModal .modal-foot .btn{height:30px;font-size:11px;padding:0 12px} /* Keep the form compact. The top block is always fully visible and the lower blocks begin immediately after the shipper/consignee content rather than stretching into empty space. */ .ad-shipment-workspace{display:flex;flex-direction:column;gap:5px;min-height:100%;height:auto} .ad-workspace-banner{display:none!important} .ad-top-fields{position:relative;display:grid;grid-template-columns:minmax(330px,2.4fr) 108px 118px 126px 122px 116px 104px;grid-auto-rows:minmax(27px,auto);gap:4px 7px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--panel);align-content:start;overflow:visible;min-height:72px} .ad-top-fields>.ad-field:nth-child(8){grid-column:1/2} .ad-top-fields>.ad-field:nth-child(9){grid-column:2/3} .ad-top-fields>.ad-field:nth-child(10){grid-column:3/4} .ad-top-fields>.ad-special-field{grid-column:4/6} .ad-top-fields.special-pickup,.ad-top-fields.special-delivery{border-color:#16a34a;background:linear-gradient(90deg,rgba(22,163,74,.22),rgba(22,163,74,.08));box-shadow:inset 4px 0 0 #22c55e} .ad-special-banner{display:none;position:absolute;right:8px;top:-24px;height:22px;align-items:center;padding:0 10px;border-radius:6px 6px 0 0;background:#16a34a;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 12px rgba(22,163,74,.25)} .ad-top-fields.special-pickup .ad-special-banner,.ad-top-fields.special-delivery .ad-special-banner{display:flex} .ad-inline-checks{display:flex;gap:8px;align-items:center;grid-column:span 2;min-height:25px}.ad-inline-checks label{display:flex;align-items:center;gap:5px;margin:0!important;font-size:9px!important;white-space:nowrap}.ad-inline-checks input{width:auto!important;height:auto!important;min-height:0!important} /* Main panels use their natural content height. */ .ad-section-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(360px,1.12fr);gap:5px;align-items:start;min-height:0} .ad-lower-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(360px,1.12fr);gap:5px;align-items:start;min-height:0} .ad-section{min-width:0;min-height:0;border:1px solid var(--border);border-radius:9px;background:var(--panel);overflow:hidden;box-shadow:none;display:flex;flex-direction:column} .ad-section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:0 0 25px;min-height:25px;padding:3px 7px;border-bottom:1px solid var(--border);background:var(--soft);font-size:10.5px;font-weight:800;letter-spacing:.01em} .ad-section-title i{color:var(--red)} .ad-section-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:4px 7px;padding:5px 7px;min-height:0;overflow:visible} .ad-section-body.one-col{grid-template-columns:1fr}.ad-span-2{grid-column:span 2} .ad-field label{display:block;margin:0 0 2px;color:var(--muted);font-size:9px;line-height:1.05;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #shipmentModal .control,.ad-field input,.ad-field select,.ad-field textarea{width:100%;min-height:27px;height:27px;padding:0 7px;border-radius:5px;font-size:10.5px;line-height:1.2} .ad-field textarea.control{min-height:38px;height:38px;padding:5px 7px;resize:vertical;line-height:1.25;max-height:160px} .ad-checkbox-field{display:flex;align-items:center;gap:6px;min-height:27px;height:27px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:var(--panel);font-size:9.5px;font-weight:700}.ad-checkbox-field input{width:auto;min-height:0;height:auto} .ad-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 7px}.ad-time-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px;align-items:center}.ad-time-row>span{color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-compat-fields{display:none!important} /* Prevent shipper/consignee from inheriting a stretched row height. */ .ad-section-grid .ad-section:nth-child(1),.ad-section-grid .ad-section:nth-child(2),.ad-section-grid .ad-section:nth-child(3){height:auto;align-self:start} .ad-lower-grid .ad-section{height:auto;align-self:start} /* Compact three-column stacks: Pickup sits immediately below Shipper, Delivery immediately below Consignee, and Cargo immediately below Shipment Info. This removes the large blank area caused by the taller Shipment Info panel forcing an entire second grid row downward. */ .ad-workspace-columns{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(360px,1.12fr);gap:5px;align-items:start;min-height:0} .ad-workspace-col{display:flex;flex-direction:column;gap:5px;min-width:0;align-self:start} .ad-workspace-col>.ad-section{width:100%;height:auto;align-self:stretch} @media(min-width:1251px) and (max-height:820px){ #shipmentModal.open{padding:4px}#shipmentModal .modal{height:calc(100vh - var(--topbar) - 8px)}#shipmentModal .modal-foot{flex-basis:36px;min-height:36px;padding:3px 6px} .ad-top-fields{grid-auto-rows:minmax(24px,auto);padding:4px 6px;gap:3px 6px;min-height:64px}.ad-section-grid,.ad-lower-grid,.ad-workspace-columns{gap:4px}.ad-workspace-col{gap:4px}.ad-section-title{flex-basis:23px;min-height:23px;padding:2px 6px;font-size:9.5px}.ad-section-body{padding:4px 6px;gap:3px 6px}.ad-field label,.ad-time-row>span{font-size:8.5px}#shipmentModal .control,.ad-field input,.ad-field select,.ad-field textarea{min-height:24px;height:24px;font-size:9.8px}.ad-field textarea.control{min-height:34px;height:34px}.ad-checkbox-field{min-height:24px;height:24px}.ad-time-row{grid-template-columns:64px minmax(0,1fr)} } @media(max-width:1400px){.ad-top-fields{grid-template-columns:minmax(250px,2.2fr) 98px 106px 112px 112px 104px 94px}.ad-section-grid,.ad-lower-grid,.ad-workspace-columns{grid-template-columns:minmax(270px,1fr) minmax(270px,1fr) minmax(320px,1.08fr)}} @media(max-width:1250px){.ad-top-fields{grid-template-columns:repeat(4,minmax(150px,1fr));grid-auto-rows:auto}.ad-top-fields>.ad-field:nth-child(n){grid-column:auto}.ad-top-fields>.ad-special-field{grid-column:span 2}.ad-section-grid,.ad-lower-grid,.ad-workspace-columns{grid-template-columns:1fr 1fr}.ad-section-grid .ad-section:last-child,.ad-lower-grid .ad-section:last-child{grid-column:1/-1}.ad-workspace-col-shipment{grid-column:1/-1}} @media(max-width:900px){#shipmentModal.open{left:0;padding:4px}.ad-top-fields,.ad-section-grid,.ad-lower-grid,.ad-workspace-columns{grid-template-columns:1fr}.ad-top-fields>.ad-special-field,.ad-section-grid .ad-section:last-child,.ad-lower-grid .ad-section:last-child,.ad-workspace-col-shipment{grid-column:auto}} @media(max-width:620px){.ad-section-body{grid-template-columns:1fr}.ad-span-2{grid-column:auto}.ad-time-grid{grid-template-columns:1fr}} /* Legacy Crown-inspired shipment editor arrangement, preserving all original form field IDs. */ @media(min-width:1150px){ #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns){ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr)!important; grid-template-rows:auto auto auto!important; gap:5px!important; align-items:start!important; min-height:0!important; } #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-top-fields{grid-column:1/-1;grid-row:1} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-section-grid, #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-lower-grid{display:contents!important} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-section-grid>.ad-section:nth-child(1){grid-column:1;grid-row:2} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-section-grid>.ad-section:nth-child(2){grid-column:2;grid-row:2} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-section-grid>.ad-section:nth-child(3){grid-column:3;grid-row:2 / span 2} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-lower-grid>.ad-section:nth-child(1){grid-column:1;grid-row:3} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-lower-grid>.ad-section:nth-child(2){grid-column:2;grid-row:3} #shipmentModal .ad-shipment-workspace:not(.ad-workspace-columns)>.ad-lower-grid>.ad-section:nth-child(3){grid-column:3;grid-row:4} } #shipmentModal .modal-foot{order:-1!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex:0 0 auto!important;min-height:34px!important;padding:3px 7px!important} #shipmentModal .ad-section-title{background:#a2a2a2!important;color:#fff!important;font-weight:800!important;border-radius:0!important} #shipmentModal .ad-section-title i{color:inherit!important} #shipmentModal .ad-section{border-radius:3px!important} #shipmentModal .ad-section-body{gap:4px 6px!important;padding:5px!important} #shipmentModal .ad-field label{font-size:10px!important;letter-spacing:0!important;text-transform:none!important} #shipmentModal .control,#shipmentModal .ad-field input,#shipmentModal .ad-field select{border-radius:2px!important;min-height:24px!important;height:24px!important;font-size:11px!important} #shipmentModal .ad-time-row{grid-template-columns:80px minmax(0,1fr)!important} html[data-theme="dark"] #shipmentModal .ad-section-title{background:#566276!important} @media(max-width:1149px){#shipmentModal .modal-foot{position:sticky!important;top:0!important}} /* 2026-10-10 — Shipment editing is a full Fleet-embedded workspace, never a narrow floating sidebar next to the shipment table. */ html.fleet-embedded #shipmentModal.open, #shipmentModal.open{ position:fixed!important; inset:0!important; top:var(--topbar,60px)!important; left:0!important;right:0!important;bottom:0!important; width:100%!important;height:calc(100dvh - var(--topbar,60px))!important; max-width:none!important;margin:0!important;padding:4px!important; display:block!important;z-index:10000!important; overflow:hidden!important;background:var(--bg,#fff)!important; } #shipmentModal.open>.modal{ display:block!important; width:100%!important;max-width:none!important; height:100%!important;max-height:100%!important; margin:0!important;border-radius:2px!important; overflow:hidden!important;background:var(--bg,#fff)!important; } #shipmentModal.open #shipmentForm{ display:flex!important;flex-direction:column!important; height:100%!important;min-height:0!important;overflow:hidden!important; } #shipmentModal.open .modal-foot{ order:-1!important;position:relative!important;top:auto!important; min-height:34px!important;z-index:3!important; } #shipmentModal.open .modal-body{ flex:1 1 auto!important;min-height:0!important; width:100%!important;max-width:none!important; overflow:auto!important;padding:3px!important; } #shipmentModal.open .ad-shipment-workspace{ width:100%!important;max-width:none!important; min-width:0!important;box-sizing:border-box!important; } #shipmentModal.open .ad-workspace-columns{ width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr)!important; } #shipmentModal.open .ad-layout-tools{ width:100%!important;max-width:none!important; position:relative!important;top:auto!important; } #shipmentModal.open .ad-top-fields{width:100%!important;max-width:none!important} @media(max-width:1100px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important} #shipmentModal.open .ad-workspace-col-shipment{grid-column:1/-1!important} } @media(max-width:700px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-workspace-col-shipment{grid-column:auto!important} } /* Classic wide shipment editor: override persisted preview-editor column widths. */ #shipmentModal.open .ad-shipment-workspace{ display:flex!important;flex-direction:column!important; width:100%!important;max-width:none!important;align-items:stretch!important; } #shipmentModal.open .ad-workspace-columns{ display:grid!important;width:100%!important;max-width:none!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr)!important; gap:5px!important;align-items:start!important; } #shipmentModal.open .ad-workspace-col{ display:flex!important;flex-direction:column!important; min-width:0!important;width:100%!important;max-width:none!important; } #shipmentModal.open .ad-workspace-col>.ad-section{ width:100%!important;max-width:none!important;min-width:0!important; height:auto!important;align-self:stretch!important; } #shipmentModal.open .ad-top-fields{flex:0 0 auto!important;width:100%!important} #shipmentModal.open .ad-layout-tools{flex:0 0 auto!important} #shipmentModal.open .ad-section-body{grid-template-columns:repeat(2,minmax(0,1fr))!important} #shipmentModal.open .ad-section-body .ad-span-2{grid-column:span 2!important} #shipmentModal.open .ad-field,#shipmentModal.open .ad-time-row{min-width:0!important} #shipmentModal.open .ad-field input,#shipmentModal.open .ad-field select,#shipmentModal.open .ad-field textarea{max-width:100%!important} #shipmentModal.open .ad-time-grid{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-time-row{grid-template-columns:90px minmax(0,1fr)!important} @media(max-width:1100px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important} #shipmentModal.open .ad-workspace-col-shipment{grid-column:1/-1!important} } @media(max-width:700px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-workspace-col-shipment{grid-column:auto!important} } /* Compact at-a-glance shipment entry, matching legacy ~750px-tall editor. */ @media(min-width:1200px) and (min-height:680px){ #shipmentModal.open .modal-body{overflow:auto!important;padding:2px 4px!important} #shipmentModal.open .ad-shipment-workspace{gap:2px!important} #shipmentModal.open .ad-top-fields{min-height:0!important;padding:3px 5px!important;gap:2px 5px!important;grid-auto-rows:22px!important;align-content:start!important} #shipmentModal.open .ad-layout-tools{min-height:0!important;padding:2px 5px!important;margin:0!important} #shipmentModal.open .ad-layout-tools button{height:22px!important} #shipmentModal.open .ad-workspace-columns{gap:3px!important;align-items:start!important} #shipmentModal.open .ad-workspace-col{gap:3px!important} #shipmentModal.open .ad-section-title{flex:0 0 19px!important;min-height:19px!important;padding:2px 5px!important;font-size:10px!important;line-height:15px!important} #shipmentModal.open .ad-section-body{padding:3px 5px!important;gap:2px 5px!important;grid-auto-rows:min-content!important} #shipmentModal.open .ad-field>label{font-size:9px!important;line-height:10px!important;margin:0 0 1px!important} #shipmentModal.open .ad-field input, #shipmentModal.open .ad-field select, #shipmentModal.open .ad-field textarea, #shipmentModal.open .control{height:21px!important;min-height:21px!important;max-height:21px!important;padding:1px 5px!important;font-size:10px!important;line-height:17px!important} #shipmentModal.open .ad-field textarea, #shipmentModal.open .ad-field textarea.control{height:39px!important;min-height:39px!important;max-height:39px!important} #shipmentModal.open .ad-time-grid{gap:2px!important} #shipmentModal.open .ad-time-row{min-height:21px!important;grid-template-columns:84px minmax(0,1fr)!important;gap:4px!important} #shipmentModal.open .ad-time-row>span{font-size:9px!important;line-height:18px!important} #shipmentModal.open .ad-checkbox-field{height:21px!important;min-height:21px!important;padding:0 4px!important} #shipmentModal.open .modal-foot{min-height:30px!important;padding:2px 5px!important} #shipmentModal.open .modal-foot .btn{height:25px!important;font-size:10px!important} } /* Never let draft layout typography overrides inflate standard shipment entry. */ #shipmentModal.open .ad-shipment-workspace:not(.ad-layout-editing){--ad-layout-control-height:21px;--ad-layout-control-font:10px;--ad-layout-font:9px} /* Crown-style desktop fit: reserve space for labels + controls, avoid overlap, and keep the three operational columns in one viewport when space permits. */ @media (min-width:1200px) and (min-height:680px){ #shipmentModal.open .ad-top-fields{ display:grid!important; grid-template-columns:minmax(220px,2.5fr) repeat(6,minmax(90px,1fr))!important; grid-auto-rows:minmax(33px,auto)!important; row-gap:2px!important;column-gap:5px!important; min-height:0!important;align-items:start!important;padding:3px 5px!important; } #shipmentModal.open .ad-top-fields>.ad-field{ position:relative!important;min-width:0!important;grid-column:auto!important; display:flex!important;flex-direction:column!important;gap:1px!important;align-self:start!important; } #shipmentModal.open .ad-top-fields>.ad-field:nth-child(8){grid-column:1!important} #shipmentModal.open .ad-top-fields>.ad-field:nth-child(9){grid-column:2!important} #shipmentModal.open .ad-top-fields>.ad-field:nth-child(10){grid-column:3!important} #shipmentModal.open .ad-top-fields>.ad-special-field{grid-column:4 / span 2!important} #shipmentModal.open .ad-top-fields .ad-field label:not(.ad-checkbox-field){display:block!important;min-height:10px!important;line-height:10px!important;margin:0!important} #shipmentModal.open .ad-top-fields .ad-checkbox-field{display:flex!important;align-items:center!important;max-width:100%!important} #shipmentModal.open .ad-layout-tools{padding:1px 5px!important;min-height:25px!important;max-height:25px!important;overflow:hidden!important} #shipmentModal.open .ad-layout-tools .hint{display:none!important} #shipmentModal.open .ad-workspace-columns{gap:3px!important} #shipmentModal.open .ad-section-title{height:18px!important;min-height:18px!important;flex-basis:18px!important;line-height:14px!important} #shipmentModal.open .ad-section-body{padding:2px 4px!important;gap:1px 4px!important} #shipmentModal.open .ad-field>label{min-height:9px!important;line-height:9px!important;margin:0!important} #shipmentModal.open .ad-section .ad-field input, #shipmentModal.open .ad-section .ad-field select, #shipmentModal.open .ad-section .control{height:19px!important;min-height:19px!important;max-height:19px!important;line-height:17px!important} #shipmentModal.open .ad-section .ad-field textarea{height:34px!important;min-height:34px!important;max-height:34px!important} #shipmentModal.open .ad-time-grid{gap:1px!important} #shipmentModal.open .ad-time-row{min-height:19px!important;height:19px!important;grid-template-columns:75px minmax(0,1fr)!important} #shipmentModal.open .ad-time-row>span{line-height:17px!important} #shipmentModal.open .ad-top-fields .control{height:21px!important;min-height:21px!important} #shipmentModal.open .ad-workspace-col{gap:2px!important} } /* Crown-inspired compact editor at desktop size. Constrain the form width, not the viewport: full-width fields had made the entire form oversized. */ @media(min-width:1200px) and (min-height:730px){ #shipmentModal.open .modal-body{overflow:auto!important} #shipmentModal.open #adShipmentGeneral{display:block!important;width:100%!important} #shipmentModal.open .ad-shipment-workspace{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-height:0!important;height:auto!important} #shipmentModal.open .ad-top-fields{ width:min(100%,950px)!important; grid-template-columns:245px 95px 105px 105px 105px 105px 95px!important; grid-auto-rows:32px!important;gap:2px 4px!important;min-height:0!important; border-radius:2px!important;align-content:start!important;overflow:visible!important; } #shipmentModal.open .ad-layout-tools{width:min(100%,950px)!important} #shipmentModal.open .ad-workspace-columns{ width:min(100%,950px)!important;max-width:950px!important; grid-template-columns:minmax(0,300px) minmax(0,300px) minmax(0,340px)!important; gap:3px!important;align-items:start!important } #shipmentModal.open .ad-workspace-col{gap:2px!important} #shipmentModal.open .ad-section-title{height:18px!important;min-height:18px!important;flex-basis:18px!important;font-size:10px!important} #shipmentModal.open .ad-section-body{padding:2px 4px!important;gap:1px 3px!important} #shipmentModal.open .ad-field>label{font-size:9px!important;line-height:10px!important;min-height:10px!important;margin:0!important} #shipmentModal.open .ad-section .ad-field input, #shipmentModal.open .ad-section .ad-field select, #shipmentModal.open .ad-section .control{ height:19px!important;min-height:19px!important;max-height:19px!important; font-size:10px!important;padding:0 3px!important; } #shipmentModal.open .ad-section .ad-field textarea{height:42px!important;min-height:42px!important;max-height:42px!important} #shipmentModal.open .ad-time-row{ display:grid!important;grid-template-columns:75px minmax(0,1fr)!important; gap:3px!important;min-height:19px!important;height:19px!important;align-items:center!important; } #shipmentModal.open .ad-time-grid{gap:1px!important} #shipmentModal.open .ad-time-row>span{font-size:9px!important;line-height:17px!important} #shipmentModal.open .ad-top-fields .ad-field{height:32px!important;min-height:32px!important} #shipmentModal.open .ad-top-fields .ad-field>label{font-size:9px!important;line-height:10px!important} #shipmentModal.open .ad-top-fields .control{height:20px!important;min-height:20px!important;max-height:20px!important} #shipmentModal.open .ad-layout-tools{height:25px!important;min-height:25px!important} #shipmentModal.open .ad-layout-tools .hint{display:none!important} #shipmentModal.open .ad-workspace-col>.ad-section{min-height:0!important} #shipmentModal.open #adShipmentEditorTabs{width:100%!important} } /* Give Accessorials and Special Pickup/Delivery their own right-hand column. Four-column view uses the available desktop viewport; small screens can scroll. */ @media(min-width:1250px){ #shipmentModal.open .ad-shipment-workspace, #shipmentModal.open .ad-top-fields, #shipmentModal.open .ad-layout-tools{width:100%!important;max-width:none!important} #shipmentModal.open .ad-workspace-columns{ width:100%!important;max-width:none!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr) minmax(280px,.92fr)!important; gap:4px!important;align-items:start!important } #shipmentModal.open .ad-workspace-col-extras{grid-column:4!important;min-width:0!important} #shipmentModal.open .ad-workspace-col-extras .ad-section{width:100%!important} } @media(min-width:850px) and (max-width:1249px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important} #shipmentModal.open .ad-workspace-col-extras{grid-column:auto!important} } @media(max-width:849px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-workspace-col-extras{grid-column:auto!important} } /* Compact four-column editor: do not stretch inputs across widescreen monitors. */ @media(min-width:1250px){ #shipmentModal.open .ad-shipment-workspace{width:100%!important;max-width:none!important;align-items:flex-start!important} #shipmentModal.open .ad-top-fields, #shipmentModal.open .ad-layout-tools{width:min(100%,1240px)!important;max-width:1240px!important} #shipmentModal.open .ad-workspace-columns{ width:min(100%,1240px)!important;max-width:1240px!important; grid-template-columns:minmax(0,300px) minmax(0,300px) minmax(0,330px) minmax(0,298px)!important; gap:4px!important;justify-content:start!important } #shipmentModal.open .ad-workspace-col{width:100%!important;min-width:0!important} } /* Narrower Crown-style shipment editor, retaining four desktop columns. */ @media(min-width:1250px){ #shipmentModal.open .ad-top-fields, #shipmentModal.open .ad-layout-tools, #shipmentModal.open .ad-workspace-columns{ width:min(100%,1090px)!important;max-width:1090px!important; } #shipmentModal.open .ad-workspace-columns{ grid-template-columns:minmax(0,260px) minmax(0,260px) minmax(0,290px) minmax(0,268px)!important; gap:4px!important;justify-content:start!important; } } /* Fit actual controls INSIDE the narrowed shipment sections, including the accessorial service/quantity/price row which previously overflowed. */ @media(min-width:1250px){ #shipmentModal.open .ad-workspace-columns>.ad-workspace-col, #shipmentModal.open .ad-workspace-col>.ad-section, #shipmentModal.open .ad-section-body, #shipmentModal.open .ad-field, #shipmentModal.open .ad-time-row, #shipmentModal.open .ad-accessorial-dropdowns, #shipmentModal.open .ad-accessorial-line, #shipmentModal.open .ad-accessorial-head{box-sizing:border-box!important;min-width:0!important;max-width:100%!important} #shipmentModal.open .ad-workspace-col .ad-section-body{width:100%!important;overflow-wrap:anywhere!important} #shipmentModal.open .ad-workspace-col input:not([type=checkbox]):not([type=radio]), #shipmentModal.open .ad-workspace-col select, #shipmentModal.open .ad-workspace-col textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important} #shipmentModal.open .ad-accessorial-section .ad-accessorial-line, #shipmentModal.open .ad-accessorial-section .ad-accessorial-head{ grid-template-columns:minmax(0,1fr) 39px 57px!important; gap:3px!important;width:100%!important; } #shipmentModal.open .ad-accessorial-section .ad-accessorial-line select, #shipmentModal.open .ad-accessorial-section .ad-accessorial-line input{ height:21px!important;min-height:21px!important;font-size:9px!important;padding:0 2px!important } #shipmentModal.open .ad-accessorial-section .ad-accessorial-head{font-size:7px!important;letter-spacing:0!important} #shipmentModal.open .ad-special-choice-row, #shipmentModal.open .ad-special-details{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important} #shipmentModal.open .ad-special-choice-row>*,#shipmentModal.open .ad-special-details>*{min-width:0!important;max-width:100%!important} #shipmentModal.open .ad-workspace-col-extras{overflow:hidden!important} } /* Stronger legible boundaries across compact operational entry. */ #shipmentModal.open .ad-workspace-col .ad-section{border:1px solid #8eb9cf!important} #shipmentModal.open .ad-workspace-col .ad-section-title{border-bottom:1px solid #5289a8!important} #shipmentModal.open .ad-top-fields{border:1px solid #8eb9cf!important} #shipmentModal.open .ad-workspace-col .ad-field input:not([type=checkbox]), #shipmentModal.open .ad-workspace-col .ad-field select, #shipmentModal.open .ad-workspace-col .ad-field textarea, #shipmentModal.open .ad-workspace-col .control, #shipmentModal.open .ad-top-fields .control{ border:1px solid #8baabc!important;box-shadow:none!important } #shipmentModal.open .ad-workspace-col input:focus-visible, #shipmentModal.open .ad-workspace-col select:focus-visible, #shipmentModal.open .ad-workspace-col textarea:focus-visible{outline:2px solid #358bb6!important;outline-offset:0!important} #shipmentModal:not([data-billing-visible="true"]) .ad-accessorial-head span:last-child, #shipmentModal:not([data-billing-visible="true"]) .ad-accessorial-line .ad-accessorial-cost, #shipmentModal:not([data-billing-visible="true"]) .ad-accessorial-total{display:none!important} #shipmentModal:not([data-billing-visible="true"]) .ad-accessorial-head, #shipmentModal:not([data-billing-visible="true"]) .ad-accessorial-line{grid-template-columns:minmax(0,1fr) 45px!important} /* The inactive shipment tab must be hidden even when desktop layout rules set display:flex/block!important. */ #shipmentModal.open [data-shipment-tab-pane][hidden], #shipmentModal.open #adShipmentGeneral[hidden], #shipmentModal.open #adShipmentBilling[hidden], #shipmentModal.open #adShipmentDetails[hidden]{display:none!important;visibility:hidden!important} #shipmentModal.open #adShipmentBilling:not([hidden]), #shipmentModal.open #adShipmentDetails:not([hidden]){display:block!important;width:min(100%,1090px)!important;max-width:1090px!important;margin:0!important} #shipmentModal .ad-accessorial-notes textarea#adDispatcherBillingNotes{width:100%!important;min-height:40px!important;height:44px!important;resize:vertical!important;box-sizing:border-box!important} /* Compact current-time controls at the right of each timing field. */ #shipmentModal .ad-time-row{display:grid!important;grid-template-columns:minmax(62px,32%) minmax(0,1fr) 23px!important;align-items:center!important;gap:3px!important} #shipmentModal .ad-time-row>.control{width:100%!important;min-width:0!important} #shipmentModal .ad-stamp-now{width:22px!important;height:23px!important;min-width:22px!important;padding:0!important;border:1px solid #739fba!important;border-radius:4px!important;background:#e5f2fb!important;color:#225a82!important;cursor:pointer!important;display:flex;align-items:center;justify-content:center} html[data-theme="dark"] #shipmentModal .ad-stamp-now{background:#173650!important;border-color:#467fa1!important;color:#a8daf7!important} #shipmentModal .ad-stamp-now:hover{filter:brightness(1.1);outline:1px solid #2b8ec3} #shipmentModal .ad-stamp-now i{font-size:11px!important} /* Instant operator clock controls; native date/time fields remain editable. */ #shipmentModal .ad-stamp-now, #shipmentModal .ad-quick-stamp{ background:#dbeafe!important;color:#1454a3!important; border:1px solid #3b82f6!important;cursor:pointer!important; box-shadow:none!important;touch-action:manipulation!important; } html[data-theme="dark"] #shipmentModal .ad-stamp-now, html[data-theme="dark"] #shipmentModal .ad-quick-stamp{ background:#173d65!important;color:#93c5fd!important;border-color:#60a5fa!important } #shipmentModal .ad-stamp-now i{color:inherit!important;font-size:13px!important} #shipmentModal input[type="date"]::-webkit-calendar-picker-indicator, #shipmentModal input[type="time"]::-webkit-calendar-picker-indicator, #shipmentModal input[type="datetime-local"]::-webkit-calendar-picker-indicator{ filter:invert(41%) sepia(55%) saturate(1677%) hue-rotate(179deg) brightness(100%)!important; opacity:.88!important;cursor:pointer } #shipmentModal .ad-field:has(> .ad-quick-stamp){position:relative!important} #shipmentModal .ad-field:has(> .ad-quick-stamp)>input.control{padding-right:31px!important} #shipmentModal .ad-field>.ad-quick-stamp{ position:absolute!important;right:3px!important;bottom:3px!important; margin:0!important;z-index:4!important;width:25px!important;height:25px!important } #shipmentModal .ad-field>.ad-quick-stamp:focus-visible{ outline:2px solid #3b82f6!important;outline-offset:1px!important } /* Editor uses the same main application workspace, preserving the top navigation. Drop-down menus must paint ABOVE the edit workspace, not under it. */ html.fleet-embedded #shipmentModal.open, #shipmentModal.open{top:var(--topbar,60px)!important;height:calc(100dvh - var(--topbar,60px))!important;z-index:180!important} .topbar,.ad-shared-topbar{z-index:12000!important;isolation:isolate} .top-nav,.ad-shared-topnav,.ad-legacy-top-groups,.ad-legacy-top-group{overflow:visible!important} .ad-legacy-top-group.open{z-index:12020!important} .ad-legacy-top-menu{z-index:12025!important;max-height:calc(100dvh - 90px)!important;overflow-y:auto!important} #shipmentModal.open .modal-foot{position:sticky!important;top:0!important} #shipmentModal.open .ad-time-row{grid-template-columns:minmax(95px,0.42fr) minmax(0,1fr)!important;gap:7px!important;align-items:center!important} #shipmentModal.open .ad-time-row>span{position:static!important;transform:none!important;white-space:normal!important;line-height:1.1!important;overflow-wrap:break-word} #shipmentModal.open .ad-time-row .control{min-width:0!important} @media(min-width:980px){#shipmentModal.open .ad-time-row{min-height:26px!important}} /* 2026-10-18: Embedded shipment workspace – use the complete available viewport, brighter field boundaries, predictable right-hand stamp controls. */ #shipmentModal.open,#shipmentModal.open>.modal,#shipmentModal.open #shipmentForm{ width:100%!important;max-width:none!important;box-sizing:border-box!important } #shipmentModal.open .modal-body{overflow:auto!important;overscroll-behavior:contain!important} #shipmentModal.open .ad-shipment-workspace{max-width:none!important;width:100%!important;min-width:0!important} #shipmentModal.open .ad-workspace-columns{max-width:none!important;width:100%!important} #shipmentModal .ad-section{background:color-mix(in srgb,var(--panel,#1b3048) 91%,#375b83)!important; border:1px solid color-mix(in srgb,var(--border,#526d8c) 75%,#6b91b9)!important} #shipmentModal .ad-section-title{background:#345a77!important;color:#fff!important} html[data-theme="dark"] #shipmentModal .ad-section-title{background:#426784!important;color:#fff!important} #shipmentModal .control,#shipmentModal input:not([type="checkbox"]),#shipmentModal textarea,#shipmentModal select{ border:1px solid #7194bb!important; background:var(--panel,#1a2b42)!important;color:var(--text,#e5edf8)!important; } #shipmentModal input:focus,#shipmentModal textarea:focus,#shipmentModal select:focus{ outline:2px solid #3b9cff!important;outline-offset:0!important } #shipmentModal .ad-time-row{display:grid!important; grid-template-columns:74px minmax(0,1fr)!important;position:relative!important;align-items:center!important; gap:4px!important} #shipmentModal .ad-time-row input{padding-right:32px!important} #shipmentModal .ad-time-row>.ad-stamp-now{ position:absolute!important;top:50%!important;right:3px!important;transform:translateY(-50%)!important; width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important; display:grid!important;place-items:center!important;padding:0!important;margin:0!important; background:#234f79!important;color:#b5dfff!important;border:1px solid #5da5eb!important; border-radius:4px!important;z-index:5!important } #shipmentModal input[type="date"]::-webkit-calendar-picker-indicator, #shipmentModal input[type="time"]::-webkit-calendar-picker-indicator, #shipmentModal input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:0!important;width:20px!important} #shipmentModal .ad-field:has(>.ad-quick-stamp)>input.control{padding-right:34px!important} #shipmentModal .ad-field>.ad-quick-stamp{right:3px!important;bottom:3px!important} #shipmentModal .ad-dim-tools,.ad-weight-unit{ display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px } #shipmentModal .ad-dim-tools button,.ad-dim-dialog button{ border:1px solid #5993c5;background:#24547d;color:white;padding:6px 8px;border-radius:5px;cursor:pointer } #shipmentModal .ad-dim-manual-label{display:flex;align-items:center;gap:4px;white-space:nowrap} #shipmentModal .ad-weight-unit select{height:26px!important;min-width:64px!important} .ad-dim-dialog{width:min(760px,96vw);max-height:88dvh;overflow:auto;border:1px solid #6584ac; border-radius:12px;padding:18px;background:#182d43;color:#e8f3ff} .ad-dim-dialog::backdrop{background:rgba(0,0,0,.6)} .ad-dim-dialog .ad-dim-row{display:grid;grid-template-columns:76px repeat(3,96px) auto;justify-content:start;gap:8px; align-items:end;border-bottom:1px solid #47617e;padding:8px 0} .ad-dim-dialog .ad-dim-row label{display:grid;gap:4px;font-size:12px} .ad-dim-dialog input{height:34px;width:100%;box-sizing:border-box;background:#10253a;color:#fff;border:1px solid #6685ac;border-radius:5px;padding:5px} .ad-dim-dialog .ad-dim-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px} @media(max-width:650px){.ad-dim-dialog .ad-dim-row{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Edit Dimensions (2026-10-24): fixed-width inputs, dialog anchored near the top and a reserved two-line status area, so nothing moves when a validation message appears or a size is added. */ .ad-dim-dialog{width:min(560px,96vw);margin:9vh auto auto} .ad-dim-dialog #adDimensionRows{display:grid;gap:6px} .ad-dim-dialog .ad-dim-row{align-items:end} .ad-dim-dialog .ad-dim-row input{width:100%;min-width:0;height:30px;font-size:13px;text-align:right} .ad-dim-dialog .ad-dim-row button{height:30px} .ad-dim-dialog #adDimStatus{min-height:34px;margin:8px 0 0;font-size:12px;line-height:17px;color:#ffd38a} .ad-dim-dialog .ad-dim-actions{margin-top:6px} /* Customer / Account suggestions with account code and Active / Inactive marker. */ .ad-customer-picker{position:absolute;left:0;top:100%;z-index:60;min-width:100%;width:max(100%,420px);max-width:min(560px,92vw);margin-top:1px;background:var(--panel,#fff);color:var(--text,#13202b);border:1px solid #8eb9cf;border-radius:3px;box-shadow:0 6px 16px rgba(0,0,0,.18);font-size:11px;line-height:14px} .ad-customer-picker[hidden]{display:none!important} .ad-customer-picker .ad-cp-rows{max-height:216px;overflow:auto} .ad-customer-picker .ad-cp-row{display:grid;grid-template-columns:minmax(0,1fr) auto 52px;gap:6px;align-items:center;padding:3px 6px;cursor:pointer;border-bottom:1px solid rgba(127,140,160,.18)} .ad-customer-picker .ad-cp-row:hover,.ad-customer-picker .ad-cp-row.is-cursor{background:rgba(59,130,246,.12)} .ad-customer-picker .ad-cp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} .ad-customer-picker .ad-cp-name small{margin-left:6px;font-weight:400;color:var(--muted,#596b7a)} .ad-customer-picker .ad-cp-name .ad-cp-where{color:#0369a1;font-weight:600} .ad-customer-picker .ad-cp-meta{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end;min-width:66px} .ad-customer-picker .ad-cp-term{border-radius:999px;padding:0 6px;font-size:9.5px;font-weight:800;line-height:14px;background:#e2e8f0;color:#334155} .ad-customer-picker .ad-cp-term.t-roc{background:#cffafe;color:#155e75}.ad-customer-picker .ad-cp-term.t-buf{background:#ede9fe;color:#5b21b6} .ad-customer-picker .ad-cp-hold{margin-left:6px;border-radius:999px;padding:0 6px;font-size:9.5px;background:#fee2e2;color:#b91c1c} .ad-customer-picker .ad-cp-sec{padding:3px 6px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#7c3aed;background:rgba(124,58,237,.07)} .ad-customer-picker .ad-cp-star{font-style:normal;color:#f59e0b;margin-right:4px} .ad-customer-picker .ad-cp-row.is-suggested{background:rgba(245,158,11,.08)} .ad-customer-picker .ad-cp-hint{margin-left:auto;opacity:.8} .ad-customer-picker.is-floating{width:min(520px,92vw);min-width:0} html[data-theme="dark"] .ad-customer-picker{background:#0f172a;color:#e2e8f0;border-color:#1e3a5f} html[data-theme="dark"] .ad-customer-picker .ad-cp-name .ad-cp-where{color:#7dd3fc} html[data-theme="dark"] .ad-customer-picker .ad-cp-term{background:#1e293b;color:#cbd5e1}html[data-theme="dark"] .ad-customer-picker .ad-cp-term.t-roc{background:#164e63;color:#a5f3fc}html[data-theme="dark"] .ad-customer-picker .ad-cp-term.t-buf{background:#4c1d95;color:#ddd6fe} html[data-theme="dark"] .ad-customer-picker .ad-cp-hold{background:#7f1d1d;color:#fecaca}html[data-theme="dark"] .ad-customer-picker .ad-cp-sec{color:#c4b5fd;background:rgba(167,139,250,.12)} .ad-customer-picker .ad-cp-code{font:600 10.5px/14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted,#596b7a);background:none;padding:0} .ad-customer-picker .ad-cp-state{justify-self:end;font-size:9.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase} .ad-customer-picker .ad-cp-state.on{color:#15803d} .ad-customer-picker .ad-cp-state.off{color:#94a3b8} .ad-customer-picker .is-inactive .ad-cp-name{color:var(--muted,#596b7a);font-weight:500} .ad-customer-picker .ad-cp-empty{padding:6px;color:var(--muted,#596b7a)} .ad-customer-picker .ad-cp-foot{display:flex!important;align-items:center;gap:4px;padding:3px 6px;border-top:1px solid rgba(127,140,160,.3);font-size:10px!important;font-weight:500!important;color:var(--muted,#596b7a)!important;text-transform:none!important;height:auto!important;line-height:14px!important;cursor:pointer} .ad-customer-picker .ad-cp-foot input{width:auto!important;height:auto!important;min-height:0!important;margin:0} /* More legible operations grid in both palettes. These are column-scoped. */ .ad-enhanced-board #adHead [data-col="pieces"], .ad-enhanced-board #adHead [data-col="weight"], .ad-enhanced-board #adHead [data-col="mdu"], .ad-enhanced-board #adHead [data-col="apptTime"], .ad-enhanced-board #adHead [data-col="deadline"], .ad-enhanced-board #adBody [data-col="pieces"], .ad-enhanced-board #adBody [data-col="weight"], .ad-enhanced-board #adBody [data-col="mdu"], .ad-enhanced-board #adBody [data-col="apptTime"], .ad-enhanced-board #adBody [data-col="deadline"]{text-align:center!important;vertical-align:middle!important} .ad-enhanced-board #adBody [data-col="mdu"]{min-width:58px!important;white-space:nowrap!important} /* App Msg pill styling lives only in dispatch-board-enhanced.css (search "App Msg handshake"). */ html[data-theme="dark"] .ad-enhanced-board #adBody tr[data-ad-highlight="special"], html[data-theme="dark"] .ad-enhanced-board #adBody tr.ad-special-shipment{ background:#174b35!important;color:#e3ffee!important; } .ad-enhanced-board #adOperationalViewbar,.ad-enhanced-board #adLayoutToolbar{ min-height:37px!important;align-items:center!important; } .ad-enhanced-board #adLayoutToolbar #adMenu, .ad-enhanced-board #adLayoutToolbar #adColorSettingsQuick{ display:inline-flex!important;visibility:visible!important;opacity:1!important; } .ad-enhanced-board #adLayoutToolbar label:has(#adColorsQuick){ display:inline-flex!important;gap:7px!important;align-items:center!important;white-space:nowrap!important; } /* 2026-10-18 operator ergonomics — use the available editor viewport, legible controls and a consistent theme, without fixed-width legacy columns. */ #shipmentModal.open{inset:var(--topbar,60px) 0 0 var(--sidebar,0px)!important;padding:6px 10px!important} body.sidebar-collapsed #shipmentModal.open{left:0!important} #shipmentModal.open .modal{width:100%!important;height:100%!important;max-height:100%!important} #shipmentModal.open .modal-body{overflow:auto!important;overscroll-behavior:contain!important} #shipmentModal.open .ad-shipment-workspace{width:100%!important;padding:5px 8px 14px!important;gap:9px!important} #shipmentModal.open .ad-workspace-columns{display:grid!important; grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) minmax(320px,1.2fr) minmax(240px,.95fr)!important; align-items:start!important;gap:10px!important} #shipmentModal.open .ad-workspace-col{gap:10px!important;min-width:0!important} #shipmentModal.open .ad-top-fields{width:100%!important;grid-template-columns:minmax(215px,2fr) 110px 132px 170px minmax(110px,1fr) 130px!important; gap:8px!important;padding:10px!important;border-color:var(--border)!important} #shipmentModal.open .ad-section-body{padding:9px!important;gap:8px!important} #shipmentModal.open .ad-section-title{font-size:12px!important;min-height:30px!important} #shipmentModal.open .ad-field label,#shipmentModal.open .ad-time-row>span{ font-size:10.5px!important;line-height:1.25!important;letter-spacing:0!important; overflow:visible!important;white-space:normal!important} #shipmentModal.open .ad-time-row{grid-template-columns:92px minmax(0,1fr)!important;min-height:31px!important} #shipmentModal.open .control,#shipmentModal.open .ad-field input, #shipmentModal.open .ad-field select,#shipmentModal.open .ad-time-row input{ font-size:12px!important;min-height:30px!important;height:30px!important} #shipmentModal.open .ad-field textarea{font-size:12px!important;line-height:1.35!important; min-height:55px!important;height:auto!important} #shipmentModal.open .ad-stamp-now{width:20px!important;min-width:20px!important;height:21px!important; min-height:21px!important;border-radius:5px!important} #shipmentModal.open .ad-stamp-now i{font-size:11px!important} #shipmentModal.open .ad-time-row>.ad-stamp-now{right:4px!important} #shipmentModal.open #adShipmentDetails,#shipmentModal.open #adShipmentBilling{ width:100%!important;max-width:none!important;padding:14px 18px!important} #shipmentModal.open #adShipmentBilling fieldset{min-width:0!important} #shipmentModal.open #adShipmentBilling #adBillLines{overflow-x:auto!important;max-width:100%!important} #shipmentModal.open #adShipmentBilling .ad-bill-line{min-width:1220px!important} #shipmentModal.open #adShipmentBilling .ad-bill-header h3{font-size:18px!important} html[data-theme="dark"] #shipmentModal.open .ad-section{ background:#1b3047!important;border-color:#6886a9!important} html[data-theme="dark"] #shipmentModal.open .ad-section-title{ background:#365f83!important;color:#f8fcff!important} html[data-theme="dark"] #shipmentModal.open input:not([type="checkbox"]), html[data-theme="dark"] #shipmentModal.open select, html[data-theme="dark"] #shipmentModal.open textarea{ background:#13253a!important;border-color:#7c9abc!important;color:#f2f7ff!important} html[data-theme="light"] #shipmentModal.open .ad-section{ background:#fff!important;border-color:#b1c4d9!important} html[data-theme="light"] #shipmentModal.open .ad-section-title{background:#dbe8f3!important;color:#173952!important} html[data-theme="light"] #shipmentModal.open input:not([type="checkbox"]), html[data-theme="light"] #shipmentModal.open select, html[data-theme="light"] #shipmentModal.open textarea{ background:#fff!important;border-color:#9ab3cc!important;color:#16283d!important} @media(max-width:1500px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:repeat(2,minmax(300px,1fr))!important} #shipmentModal.open .ad-top-fields{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(110px,1fr))!important} } @media(max-width:780px){ #shipmentModal.open .ad-workspace-columns{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-top-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important} #shipmentModal.open .ad-section-body{padding:8px!important} } /* 2026-10-24 compact one-screen New Shipment form (Crown Express density). Rows: header fields / Shipper|Consignee / Pickup|Delivery / Shipment Info|Cargo / Accessorials|Special. Fits 1440x900 and 1366x768 without scrolling. Layout only; every field ID and save path is unchanged. */ #shipmentModal.open .modal-body:has(>.ad-shipment-workspace.ad-form-compact), #shipmentModal.open #adShipmentGeneral:has(>.ad-shipment-workspace.ad-form-compact){padding-bottom:4px!important} #shipmentModal.open .ad-shipment-workspace.ad-form-compact{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:3px 4px!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important} #shipmentModal.open .ad-form-compact .ad-form-row{display:grid!important;width:100%!important;box-sizing:border-box!important;gap:3px!important;align-items:stretch!important;min-width:0!important} #shipmentModal.open .ad-form-compact .ad-form-row-parties{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact .ad-form-row-timing{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important} #shipmentModal.open .ad-form-compact .ad-form-row-info{grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact .ad-form-row-extras{grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact .ad-form-row>.ad-section{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;display:flex!important;flex-direction:column!important} #shipmentModal.open .ad-form-compact .ad-section-title{flex:0 0 18px!important;height:18px!important;min-height:18px!important;padding:1px 6px!important;font-size:10px!important;line-height:16px!important} #shipmentModal.open .ad-form-compact .ad-section-body{flex:1 1 auto!important;padding:3px 5px!important;gap:2px 5px!important;grid-auto-rows:min-content!important;align-content:start!important;min-width:0!important} #shipmentModal.open .ad-form-compact .ad-field{min-width:0!important;margin:0!important} #shipmentModal.open .ad-form-compact .ad-field>label:not(.ad-checkbox-field), #shipmentModal.open .ad-form-compact .ad-time-row>span{display:block!important;font-size:9.5px!important;line-height:11px!important;min-height:11px!important;margin:0 0 1px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #shipmentModal.open .ad-form-compact .control, #shipmentModal.open .ad-form-compact .ad-field input:not([type=checkbox]), #shipmentModal.open .ad-form-compact .ad-field select, #shipmentModal.open .ad-form-compact .ad-time-row input{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:21px!important;min-height:21px!important;max-height:21px!important;padding:0 4px!important;font-size:10.5px!important;line-height:19px!important;border-radius:2px!important} #shipmentModal.open .ad-form-compact .ad-field textarea, #shipmentModal.open .ad-form-compact .ad-field textarea.control{box-sizing:border-box!important;width:100%!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:2px 4px!important;font-size:10.5px!important;line-height:13px!important;resize:none!important} /* Section grids: column spans in 6ths (parties) or 12ths (shipment info). */ #shipmentModal.open .ad-form-compact .ad-section-body.ad-grid-6{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important} #shipmentModal.open .ad-form-compact .ad-section-body.ad-grid-12{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important} #shipmentModal.open .ad-form-compact .ad-c1{grid-column:span 1!important} #shipmentModal.open .ad-form-compact .ad-c2{grid-column:span 2!important} #shipmentModal.open .ad-form-compact .ad-c3{grid-column:span 3!important} #shipmentModal.open .ad-form-compact .ad-c4{grid-column:span 4!important} #shipmentModal.open .ad-form-compact .ad-c6{grid-column:span 6!important} #shipmentModal.open .ad-form-compact .ad-section-body.one-col{display:flex!important;flex-direction:column!important} #shipmentModal.open .ad-form-compact .ad-goods-field{flex:1 1 auto!important;display:flex!important;flex-direction:column!important} #shipmentModal.open .ad-form-compact .ad-section .ad-goods-field textarea.control{flex:1 1 auto!important;max-height:none!important;height:auto!important;min-height:44px!important} /* Timing: tight wrap of narrow time (~70px) and datetime (~150px) cells; label above. */ #shipmentModal.open .ad-form-compact .ad-section-body.ad-timing-body{display:flex!important;flex-direction:column!important;gap:3px!important} #shipmentModal.open .ad-form-compact .ad-time-grid{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:2px 6px!important;grid-template-columns:none!important} #shipmentModal.open .ad-form-compact .ad-time-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;grid-template-rows:auto 21px!important;gap:0 2px!important;min-height:0!important;height:auto!important;align-items:center!important;flex:0 0 auto!important} #shipmentModal.open .ad-form-compact .ad-time-row>span{grid-column:1/-1!important;position:static!important;transform:none!important} #shipmentModal.open .ad-form-compact .ad-time-row.ad-time-only{width:96px!important} #shipmentModal.open .ad-form-compact .ad-time-row.ad-time-datetime{width:168px!important} #shipmentModal.open .ad-form-compact .ad-time-row input{padding-right:2px!important} #shipmentModal.open .ad-form-compact .ad-time-row>.ad-stamp-now, #shipmentModal.open .ad-form-compact .ad-stamp-now{position:static!important;transform:none!important;width:20px!important;min-width:20px!important;height:21px!important;min-height:21px!important;margin:0!important;padding:0!important} #shipmentModal.open .ad-form-compact .ad-stamp-now i{font-size:10px!important} #shipmentModal.open .ad-form-compact input[type="date"]::-webkit-calendar-picker-indicator, #shipmentModal.open .ad-form-compact input[type="time"]::-webkit-calendar-picker-indicator, #shipmentModal.open .ad-form-compact input[type="datetime-local"]::-webkit-calendar-picker-indicator{width:10px!important;margin:0!important;padding:0!important} #shipmentModal.open .ad-form-compact .ad-appt-window-control{width:84px!important;display:flex!important;flex-direction:column!important} #shipmentModal.open .ad-form-compact .ad-appt-window-control>label{font-size:9.5px!important;line-height:11px!important;margin:0 0 1px!important;font-weight:700!important;color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #shipmentModal.open .ad-form-compact .ad-assign-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px 5px!important} /* Header row: Customer / Carrier / Terminal / Move / Service Date / HAWB / Status / Appointment. */ #shipmentModal.open .ad-form-compact .ad-top-fields{display:grid!important;grid-template-columns:minmax(200px,2fr) minmax(130px,1.25fr) 96px 108px 136px minmax(140px,1.2fr) 120px 88px!important;grid-auto-rows:auto!important;gap:2px 6px!important;padding:3px 6px!important;min-height:0!important;height:auto!important;flex:0 0 auto!important;align-items:end!important} #shipmentModal.open .ad-form-compact .ad-top-fields>.ad-field{height:auto!important;min-height:0!important;width:auto!important;max-width:none!important;grid-column:auto!important} #shipmentModal.open .ad-form-compact .ad-top-fields .control{height:21px!important;min-height:21px!important;max-height:21px!important} #shipmentModal.open .ad-form-compact .ad-top-fields .ad-field:has(>div>.ad-quick-stamp)>div, #shipmentModal.open .ad-form-compact .ad-field:has(>.ad-quick-stamp){position:relative!important} #shipmentModal.open .ad-form-compact .ad-field>.ad-quick-stamp, #shipmentModal.open .ad-form-compact .ad-field>div>.ad-quick-stamp{position:absolute!important;right:1px!important;bottom:1px!important;width:19px!important;height:19px!important;min-height:19px!important;z-index:4!important} #shipmentModal.open .ad-form-compact .ad-field:has(>.ad-quick-stamp)>input.control, #shipmentModal.open .ad-form-compact .ad-field>div:has(>.ad-quick-stamp)>input.control{padding-right:22px!important} #shipmentModal.open .ad-form-compact .ad-checkbox-field{display:flex!important;align-items:center!important;gap:4px!important;height:21px!important;min-height:21px!important;margin:0!important;padding:0 4px!important;font-size:10px!important;font-weight:700!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important} #shipmentModal.open .ad-form-compact .ad-checkbox-field input{width:auto!important;height:auto!important;min-height:0!important;margin:0!important} /* Weight + unit and Dimensions + Edit button stay on one line. */ #shipmentModal.open .ad-form-compact #slot-fWeight{display:flex!important;align-items:center!important;gap:3px!important} #shipmentModal.open .ad-form-compact #slot-fWeight>input{flex:1 1 auto!important} #shipmentModal.open .ad-form-compact .ad-weight-unit{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:3px!important;margin:0!important;font-size:9.5px!important;white-space:nowrap!important} #shipmentModal.open .ad-form-compact .ad-weight-unit label{display:flex!important;align-items:center!important;gap:2px!important;margin:0!important;font-size:9.5px!important;text-transform:none!important} #shipmentModal.open .ad-form-compact .ad-weight-unit select{width:44px!important;height:21px!important;min-height:21px!important;padding:0 2px!important} #shipmentModal.open .ad-form-compact .ad-weight-unit #adWeightConverted:empty{display:none!important} #shipmentModal.open .ad-form-compact .ad-dimensions-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:3px!important;align-items:center!important} #shipmentModal.open .ad-form-compact .ad-dimensions-field>label{grid-column:1/-1!important} #shipmentModal.open .ad-form-compact .ad-dim-tools{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;font-size:9.5px!important;white-space:nowrap!important} #shipmentModal.open .ad-form-compact .ad-dim-tools button{height:21px!important;padding:0 6px!important;font-size:9.5px!important;line-height:19px!important} #shipmentModal.open .ad-form-compact .ad-dim-tools .ad-dim-manual-label{display:flex!important;align-items:center!important;gap:2px!important;font-size:9.5px!important;margin:0!important;text-transform:none!important} #shipmentModal.open .ad-form-compact .ad-dim-tools .ad-dim-manual-label input{width:auto!important;height:auto!important;min-height:0!important} /* Accessorials: services | other notes | billing notes side by side. */ #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-section-body{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.4fr)!important;gap:2px 6px!important;align-items:start!important} #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-section-body>*{grid-column:auto!important;margin:0!important;min-width:0!important} #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-accessorial-source, #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-compact-options{display:none!important} #shipmentModal.open .ad-form-compact .ad-accessorial-dropdowns{gap:2px!important} #shipmentModal.open .ad-form-compact .ad-accessorial-head{margin:0 0 1px!important} #shipmentModal.open .ad-form-compact .ad-accessorial-line select, #shipmentModal.open .ad-form-compact .ad-accessorial-line input{height:21px!important;min-height:21px!important} #shipmentModal.open .ad-form-compact .ad-accessorial-section button{min-height:0!important;height:21px!important;padding:0 8px!important;font-size:10px!important;line-height:19px!important} #shipmentModal.open .ad-form-compact .ad-accessorial-total{margin-top:1px!important} #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-section-body, #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-section-body>*:not(label):not(input):not(select):not(textarea){font-size:10px!important;line-height:13px!important} #shipmentModal.open .ad-form-compact .ad-accessorial-notes textarea#adDispatcherBillingNotes{height:32px!important;min-height:32px!important;max-height:32px!important} #shipmentModal.open .ad-form-compact .ad-special-section .ad-section-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} #shipmentModal.open .ad-form-compact .ad-special-choice-row, #shipmentModal.open .ad-form-compact .ad-special-details{gap:2px 5px!important} #shipmentModal.open .ad-form-compact .ad-compact-check{min-height:21px!important;height:21px!important;padding:0 5px!important;font-size:10px!important} @media(max-width:1250px){ #shipmentModal.open .ad-form-compact .ad-top-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important} #shipmentModal.open .ad-form-compact .ad-form-row-timing, #shipmentModal.open .ad-form-compact .ad-form-row-info, #shipmentModal.open .ad-form-compact .ad-form-row-extras{grid-template-columns:minmax(0,1fr)!important} } @media(max-width:900px){ #shipmentModal.open .ad-form-compact .ad-form-row-parties{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact .ad-section-body.ad-grid-12{grid-template-columns:repeat(6,minmax(0,1fr))!important} #shipmentModal.open .ad-form-compact .ad-accessorial-section .ad-section-body{grid-template-columns:minmax(0,1fr)!important} } #shipmentModal.open .ad-form-compact .ad-accessorial-catalog-status{font-size:10px!important;line-height:13px!important;margin:2px 6px!important;color:#6b5b2e!important} #shipmentModal.open .ad-form-compact .ad-appt-window-control{align-self:flex-end!important} /* Short laptop screens (e.g. 1366x768): tighten vertical rhythm so the form still fits without scrolling. */ @media(max-height:820px){ #shipmentModal.open .ad-shipment-workspace.ad-form-compact{gap:2px!important;padding:2px 4px!important} #shipmentModal.open .ad-form-compact .ad-section-title{flex-basis:16px!important;height:16px!important;min-height:16px!important;line-height:14px!important;padding:1px 6px!important} #shipmentModal.open .ad-form-compact .ad-section-body{padding:2px 5px!important;gap:1px 5px!important} #shipmentModal.open .ad-form-compact .ad-field>label:not(.ad-checkbox-field), #shipmentModal.open .ad-form-compact .ad-time-row>span{line-height:10px!important;min-height:10px!important;margin:0!important} #shipmentModal.open .ad-form-compact .control, #shipmentModal.open .ad-form-compact .ad-field input:not([type=checkbox]), #shipmentModal.open .ad-form-compact .ad-field select, #shipmentModal.open .ad-form-compact .ad-time-row input, #shipmentModal.open .ad-form-compact .ad-top-fields .control{height:19px!important;min-height:19px!important;max-height:19px!important;line-height:17px!important} #shipmentModal.open .ad-form-compact .ad-stamp-now, #shipmentModal.open .ad-form-compact .ad-checkbox-field, #shipmentModal.open .ad-form-compact .ad-weight-unit select, #shipmentModal.open .ad-form-compact .ad-dim-tools button, #shipmentModal.open .ad-form-compact .ad-accessorial-line input, #shipmentModal.open .ad-form-compact .ad-accessorial-section button, #shipmentModal.open .ad-form-compact .ad-compact-check{height:19px!important;min-height:19px!important;line-height:17px!important} #shipmentModal.open .ad-form-compact .ad-field textarea, #shipmentModal.open .ad-form-compact .ad-field textarea.control{height:24px!important;min-height:24px!important;max-height:24px!important;line-height:11px!important;padding:1px 4px!important} #shipmentModal.open .ad-form-compact .ad-section .ad-goods-field textarea.control{height:100%!important;max-height:none!important} } /* Carrier sits in the top row; match the 2px offset of the wrapped core inputs beside it. */ #shipmentModal .ad-carrier-field>#adNightDropCarrier{margin-top:2px} /* 2026-10-24 v2: Crown Express edit-shipment box layout (spv.aspx), shared by New and Edit. Left: Shipper | Consignee over Pickup | Delivery (Accessorials | Special beneath them). Right: one tall column, Cargo & References at the top, then Shipment Info in Crown's order. Relative widths follow Crown (~240 / 240 / 265px). Layout only; field IDs and saves unchanged. */ #shipmentModal.open .ad-form-compact .ad-crown-main{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1.08fr)!important;gap:3px!important;align-items:stretch!important;min-width:0!important;width:100%!important;box-sizing:border-box!important} #shipmentModal.open .ad-form-compact .ad-crown-col{display:grid!important;gap:3px!important;min-width:0!important;align-content:stretch!important} #shipmentModal.open .ad-form-compact .ad-crown-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important} #shipmentModal.open .ad-form-compact .ad-crown-right{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr!important} #shipmentModal.open .ad-form-compact .ad-crown-col>.ad-section{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;display:flex!important;flex-direction:column!important} #shipmentModal.open .ad-form-compact .ad-crown-left>.ad-form-row-extras{grid-column:1/-1!important;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)!important;align-self:stretch!important} #shipmentModal.open .ad-form-compact .ad-c5{grid-column:span 5!important} #shipmentModal.open .ad-form-compact .ad-c8{grid-column:span 8!important} #shipmentModal.open .ad-form-compact .ad-c12{grid-column:1/-1!important} /* Cargo & References sits at the top of the right column: a short Description of Goods box. */ #shipmentModal.open .ad-form-compact .ad-crown-right .ad-goods-field textarea.control, #shipmentModal.open .ad-form-compact .ad-crown-right .ad-section .ad-goods-field textarea.control{flex:0 0 auto!important;height:36px!important;min-height:36px!important;max-height:36px!important} /* Header row without HAWB (it leads Shipment Info, as in Crown). */ #shipmentModal.open .ad-form-compact .ad-top-fields{grid-template-columns:minmax(220px,2.2fr) minmax(140px,1.3fr) 100px 112px 140px 128px 92px!important} /* Timing boxes are a third of the form wide: two time cells per line. */ #shipmentModal.open .ad-form-compact .ad-crown-left .ad-time-row.ad-time-datetime{width:calc(50% - 4px)!important;max-width:176px!important} #shipmentModal.open .ad-form-compact .ad-crown-left .ad-time-row.ad-time-only{width:calc(50% - 4px)!important;max-width:176px!important} @media(max-width:1100px){ #shipmentModal.open .ad-form-compact .ad-crown-main{grid-template-columns:minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact .ad-top-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:760px){ #shipmentModal.open .ad-form-compact .ad-crown-left{grid-template-columns:minmax(0,1fr)!important} } /* Address 1 blank but the record has a stored stop address: shown as a muted hint, never as the value. */ #shipmentModal .ad-form-compact input[data-stored-address]::placeholder{color:#8a7440;font-style:italic;opacity:1} /* Board row: the Send-job action is muted when no driver is assigned (its tooltip says why). */ .ad-enhanced-board #adBody td.ad-row-actions button[data-row-action="send"][data-no-driver]{opacity:.45} /* Pieces total differs from the Dimensions counts (several sizes): flag both until Edit Dimensions is used. */ #shipmentModal .ad-dim-mismatch{border-color:#c77d00!important;background:#fff8e6!important} /* ---- v3 editor polish: readable 11px labels, still one screen at 1280x800 ---- */ #shipmentModal.open .ad-form-compact .ad-field>label:not(.ad-checkbox-field), #shipmentModal.open .ad-form-compact .ad-time-row>span, #shipmentModal.open .ad-form-compact .ad-appt-window-control>label{font-size:11px!important;line-height:13px!important;min-height:13px!important;margin:0!important} #shipmentModal.open .ad-form-compact .ad-section-title{font-size:11.5px!important} #shipmentModal.open .ad-form-compact .control, #shipmentModal.open .ad-form-compact .ad-field input:not([type=checkbox]), #shipmentModal.open .ad-form-compact .ad-field select, #shipmentModal.open .ad-form-compact .ad-time-row input, #shipmentModal.open .ad-form-compact .ad-top-fields .control{font-size:11.5px!important} #shipmentModal.open .ad-form-compact .ad-checkbox-field, #shipmentModal.open .ad-form-compact .ad-compact-check, #shipmentModal.open .ad-form-compact .ad-weight-unit, #shipmentModal.open .ad-form-compact .ad-weight-unit label, #shipmentModal.open .ad-form-compact .ad-dim-tools button, #shipmentModal.open .ad-form-compact .ad-dim-manual-label, #shipmentModal.open .ad-form-compact .ad-accessorial-section button, #shipmentModal.open .ad-form-compact .ad-stamp-now{font-size:11px!important} #shipmentModal.open .ad-form-compact .ad-field textarea, #shipmentModal.open .ad-form-compact .ad-field textarea.control{font-size:11.5px!important;line-height:13px!important} @media (max-height:820px){ #shipmentModal.open .ad-form-compact .ad-field>label:not(.ad-checkbox-field), #shipmentModal.open .ad-form-compact .ad-time-row>span, #shipmentModal.open .ad-form-compact .ad-appt-window-control>label{line-height:12px!important;min-height:12px!important} #shipmentModal.open .ad-form-compact .ad-section-title{flex-basis:17px!important;height:17px!important;min-height:17px!important;line-height:15px!important} #shipmentModal.open .ad-form-compact .ad-field textarea, #shipmentModal.open .ad-form-compact .ad-field textarea.control{line-height:12px!important} } /* Weight / Unit / Dim Weight widths: a real Unit select, the kg/lb conversion and the Manual dim-weight toggle sit on the label line instead of squeezing the inputs. */ #shipmentModal.open .ad-form-compact .ad-weight-field, #shipmentModal.open .ad-form-compact .ad-dimweight-field{position:relative!important} #shipmentModal.open .ad-form-compact .ad-weight-unit select{width:60px!important;min-width:60px!important;padding:0 4px!important} #shipmentModal.open .ad-form-compact #slot-fWeight>input{min-width:0!important} #shipmentModal.open .ad-form-compact .ad-weight-unit #adWeightConverted{position:absolute!important;top:0!important;right:0!important;line-height:13px!important;font-size:10.5px!important;color:var(--muted)!important} #shipmentModal.open .ad-form-compact .ad-dimweight-field>.ad-dim-manual-label{position:absolute!important;top:0!important;right:0!important;height:13px!important;line-height:13px!important;display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;font-size:10.5px!important;font-weight:600!important;color:var(--muted)!important;white-space:nowrap!important;text-transform:none!important} #shipmentModal.open .ad-form-compact .ad-dimweight-field>.ad-dim-manual-label input{width:12px!important;height:12px!important;min-height:0!important;margin:0!important} @media (max-height:820px){ #shipmentModal.open .ad-form-compact .ad-field textarea, #shipmentModal.open .ad-form-compact .ad-field textarea.control{height:28px!important;min-height:28px!important;max-height:28px!important} } /* ---- 2026-10-24 crownlayout-v1: Crown Express spv.aspx box structure (New and Edit) ---- Header: Customer | Carrier | Terminal | Appointment Required, then Move Type | Service Date | Status. Grid (Crown 300 : 300 : 333): Shipper | Consignee | Shipment Info (spans all rows) Pickup (+Special) | Delivery Description of Goods | Disposition notes Plain bordered boxes, small title bar, labels left of inputs and right-aligned (Crown .br). */ #shipmentModal.open .ad-form-compact.ad-crown3{--ad-row:19px;--lw:96px;gap:3px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-party{--lw:50px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-timing{--lw:98px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-info{--lw:124px} /* Header rows */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-top-fields{display:flex!important;flex-direction:column!important;gap:2px!important;padding:2px 6px!important;grid-template-columns:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;min-width:0} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field{display:flex!important;align-items:center!important;gap:6px!important;width:auto!important;max-width:none!important;min-height:var(--ad-row)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field>label:not(.ad-checkbox-field){text-align:right!important;overflow:visible!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field>div{position:relative!important;display:flex!important;align-items:center!important;gap:2px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #fCustomer{width:300px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #adNightDropCarrier{width:200px!important;margin-top:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #fTerminal{width:96px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #fType{width:120px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #fServiceDate{width:130px!important;padding-right:4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #fStatus{width:130px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hf-appt{margin-left:auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hf-appt .ad-checkbox-field{padding:0!important;font-size:11px!important} /* Main grid */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-main{display:grid!important;grid-template-columns:minmax(0,300fr) minmax(0,300fr) minmax(0,333fr)!important;grid-template-rows:auto auto 1fr!important;grid-template-areas:"shipper consignee info" "pickup delivery info" "goods disposition info"!important;gap:4px!important;align-items:stretch!important;width:100%!important;min-width:0!important;box-sizing:border-box!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-shipper{grid-area:shipper!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-consignee{grid-area:consignee!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-info{grid-area:info!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-pickup{grid-area:pickup!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-delivery{grid-area:delivery!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-goods{grid-area:goods!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-disposition{grid-area:disposition!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-col{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-col>.ad-section:first-child{flex:1 1 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-slot{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-slot:empty{display:none!important} /* Boxes: plain 1px border, square corners, small grey title bar (Crown .tsf / .at), light and dark. */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section{display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;border:1px solid var(--border,#cbd5e1)!important;border-radius:0!important;box-shadow:none!important;background:var(--panel,#fff)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-title{background:color-mix(in srgb,var(--text,#0f172a) 9%,var(--panel,#fff))!important;color:var(--text,#0f172a)!important;border:0!important;border-bottom:1px solid var(--border,#cbd5e1)!important;border-radius:0!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-body.ad-cbody{display:flex!important;flex-direction:column!important;gap:1px!important;padding:3px 5px 4px!important;grid-template-columns:none!important} /* Label-left rows */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lrow{display:grid!important;grid-template-columns:var(--lw) minmax(0,1fr)!important;align-items:center!important;column-gap:6px!important;min-height:var(--ad-row)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lrow>label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row>span, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-appt-window-control>label{text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;color:var(--text,#0f172a)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lval{position:relative!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lval>.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lval>input, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lval>select{flex:1 1 auto!important;width:auto!important;padding-right:4px!important} /* Crown proportions: short numeric cells (~60px there), reference-width cells (~192 of 240). */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-w-num .ad-lval>input{flex:0 0 80px!important;width:80px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-w-ref .ad-lval>input{flex:0 1 255px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-w-date .ad-lval>input{flex:0 0 130px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-w-dt .ad-lval>input{flex:0 0 172px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-w-phone .ad-lval>input{flex:0 1 175px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lval>.ad-quick-stamp, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow .ad-quick-stamp{position:static!important;flex:0 0 20px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-inline-label{flex:0 0 auto!important;margin:0 0 0 8px!important;font-size:11px!important;font-weight:700!important;line-height:13px!important;text-transform:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lval .ad-checkbox-field{padding:0!important;height:var(--ad-row)!important;min-height:0!important;font-size:11px!important} /* Shipper / Consignee: unlabelled name and address lines, City | St | Zip, labelled contact lines. */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-sr{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-pline{display:block!important;position:relative!important;min-height:var(--ad-row)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-pline.ad-csz{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 84px!important;gap:1px 3px!important;align-items:center!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-csz>.ad-zip-route-hint{grid-column:1/-1!important;line-height:12px!important} /* Label-above fields (Crown: instructions and Description of Goods). */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-labove{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:1px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-bottom{display:flex!important;flex-direction:column!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-bottom>.ad-labove{flex:1 1 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-bottom textarea.control{flex:1 1 auto!important;height:auto!important;min-height:30px!important;max-height:none!important} /* Pickup / Delivery: label | time (or date+time) | Time Stamp, one per line as in Crown. */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-body.ad-timing-body, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-timing .ad-cbody{gap:1px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-grid, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-assign-grid{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:1px!important;grid-template-columns:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row.ad-time-only, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row.ad-time-datetime{display:grid!important;grid-template-columns:var(--lw) 172px 20px!important;grid-template-rows:var(--ad-row)!important;column-gap:6px!important;width:auto!important;max-width:none!important;align-items:center!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row.ad-time-only{grid-template-columns:var(--lw) 96px 20px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row>span{grid-column:1!important;grid-row:1!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row>input{grid-column:2!important;grid-row:1!important;width:100%!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row>.ad-stamp-now{grid-column:3!important;grid-row:1!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-appt-window-control{display:grid!important;grid-template-columns:var(--lw) 96px!important;column-gap:6px!important;align-items:center!important;width:auto!important;align-self:stretch!important;min-height:var(--ad-row)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-timing .ad-lval>.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-timing .ad-lval>select{flex:0 1 220px!important} /* Shipment Info details */ #shipmentModal.open .ad-form-compact.ad-crown3 #slot-fWeight>input{flex:0 0 80px!important;width:80px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit{display:flex!important;align-items:center!important;gap:5px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit #adWeightConverted{position:static!important;color:#1d4ed8!important;font-size:11px!important} html[data-theme="dark"] #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit #adWeightConverted{color:#93c5fd!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimweight-field .ad-lval>#adDimFactor{flex:0 0 72px!important;width:72px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimweight-field .ad-dim-manual-label{position:static!important;display:flex!important;align-items:center!important;gap:3px!important;height:auto!important;margin:0 0 0 4px!important;font-size:11px!important;font-weight:600!important;color:var(--muted)!important;text-transform:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimweight-field .ad-dim-manual-label input{width:12px!important;height:12px!important;min-height:0!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimensions-field{display:grid!important;grid-template-columns:var(--lw) minmax(0,1fr)!important;column-gap:6px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimensions-field>label{grid-column:auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dim-tools{flex:0 0 auto!important} /* Special Pickup / Delivery (under Pickup) and Accessorials (under Shipment Info). */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-section-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1px 6px!important;padding:3px 5px 4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1px 8px!important;grid-column:1/-1!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details>.ad-field{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:6px!important;align-items:center!important;min-height:var(--ad-row)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details>.ad-field>label{text-align:right!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details .ad-auth-field{grid-column:1/-1!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-section-body{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;padding:3px 5px 4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-catalog-status{grid-column:1/-1!important;margin:1px 0 0!important} @media(max-width:1100px){ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:none!important;grid-template-areas:"shipper consignee" "pickup delivery" "goods disposition" "info info"!important} } @media(max-width:760px){ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-main{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"shipper" "pickup" "consignee" "delivery" "info" "goods" "disposition"!important} } #shipmentModal.open .ad-form-compact.ad-crown3 .ad-top-fields{width:100%!important;max-width:none!important;align-self:stretch!important;box-sizing:border-box!important;height:auto!important;min-height:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow{width:100%!important;margin:0!important;grid-column:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field{height:22px!important;padding:0!important;margin:0!important;grid-column:auto!important;flex:0 0 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field>label{line-height:14px!important;padding:0!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-grid, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-assign-grid, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-body.ad-cbody{align-items:stretch!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-appt-window-control{justify-content:start!important;justify-self:start!important;align-self:flex-start!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section select{width:100%!important;max-width:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section textarea.control{height:42px!important;min-height:42px!important} /* ---- 2026-10-24 crownlayout-v2: box-for-box Crown spv.aspx + Joe's "cleaner look" ---- Same Crown boxes and field order; calm neutral palette with one accent, a fixed label column per box, every single-line input one height, soft 1px borders, light title bars with a small icon, equal gutters. Top bar: Back | Save | New | state … General Info | Billing Info | Other Info … Appointment Required. Grid: Shipper | Consignee | Shipment Info (rows 1-2) Pickup (+Special) | Delivery Description Of Goods | Serial # / PO # / Disposition | Accessorials */ #shipmentModal.open{ --cl-h:20px;--cl-gap:2px;--cl-gutter:8px; --cl-line:color-mix(in srgb,var(--border,#cbd5e1) 72%,var(--panel,#fff)); --cl-input-line:color-mix(in srgb,var(--border,#cbd5e1) 88%,var(--panel,#fff)); --cl-head:color-mix(in srgb,var(--text,#0f172a) 4.5%,var(--panel,#fff)); --cl-label:color-mix(in srgb,var(--text,#0f172a) 78%,var(--panel,#fff)); --cl-muted:color-mix(in srgb,var(--text,#0f172a) 45%,var(--panel,#fff)); --cl-accent:#2f6fde; } html[data-theme="dark"] #shipmentModal.open{--cl-accent:#7aa7f0;--cl-head:color-mix(in srgb,var(--text,#e5e7eb) 6%,var(--panel,#111827))} #shipmentModal.open .ad-form-compact.ad-crown3{gap:6px!important;padding:6px 10px 8px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-workspace-banner{display:none!important} /* Top action bar */ #shipmentModal.open .modal-foot.ad-crown-actionbar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;padding:5px 10px!important;min-height:34px!important;border-bottom:1px solid var(--cl-line)!important;background:var(--panel)!important;box-shadow:none!important} #shipmentModal.open .ad-crown-actionbar>.btn{height:24px!important;min-height:24px!important;padding:0 10px!important;font-size:11.5px!important;font-weight:700!important;border-radius:4px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;box-shadow:none!important} #shipmentModal.open .ad-crown-actionbar>.btn:not(.primary){background:var(--panel)!important;border:1px solid var(--cl-input-line)!important;color:var(--text)!important} #shipmentModal.open .ad-crown-actionbar>.btn.primary{background:var(--cl-accent)!important;border:1px solid var(--cl-accent)!important;color:#fff!important} html[data-theme="dark"] #shipmentModal.open .ad-crown-actionbar>.btn.primary{color:#0b1220!important} #shipmentModal.open .ad-crown-actionbar #adQuickSaveState{font-size:11px!important;color:var(--cl-muted)!important;white-space:nowrap!important;margin:0 6px!important;flex:0 0 auto!important;order:4!important} #shipmentModal.open .ad-crown-actionbar #adShipmentNew{order:3!important} #shipmentModal.open .ad-crown-actionbar #adShipmentBack{order:1!important} #shipmentModal.open .ad-crown-actionbar #saveShipmentBtn{order:2!important} #shipmentModal.open .ad-crown-actionbar #adShipmentEditorTabs{order:5!important;position:static!important;display:flex!important;gap:2px!important;margin:0 0 0 14px!important;padding:0!important;border:0!important;background:transparent!important;align-self:stretch!important;align-items:stretch!important} #shipmentModal.open .ad-crown-actionbar #adShipmentEditorTabs button{font-size:11.5px!important;font-weight:700!important;padding:0 12px!important;color:var(--cl-muted)!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;border-radius:0!important} #shipmentModal.open .ad-crown-actionbar #adShipmentEditorTabs button[aria-selected="true"]{color:var(--text)!important;border-bottom-color:var(--cl-accent)!important;background:transparent!important} #shipmentModal.open .ad-crown-actionbar>.ad-hf-appt{order:9!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;background:transparent!important;width:auto!important;height:auto!important;min-height:0!important;display:flex!important} #shipmentModal.open .ad-crown-actionbar>.ad-hf-appt .ad-checkbox-field{display:flex!important;align-items:center!important;gap:5px!important;font-size:11.5px!important;font-weight:700!important;color:var(--cl-label)!important;white-space:nowrap!important;padding:0!important;border:0!important;background:transparent!important;height:auto!important} #shipmentModal.open .ad-crown-actionbar>.ad-hf-appt input{width:13px!important;height:13px!important;margin:0!important;accent-color:var(--cl-accent)} /* Header rows */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-top-fields{padding:5px 8px!important;gap:4px!important;border:1px solid var(--cl-line)!important;border-radius:0!important;background:var(--panel)!important;box-shadow:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow{gap:4px 18px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field{height:var(--cl-h)!important;gap:7px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #fCustomer{width:320px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #adHeaderRate{width:80px!important;text-align:right!important;background:var(--cl-head)!important;color:var(--text)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #adServiceType{width:130px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow #adStation{width:70px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hf-shipid{margin-left:auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-shipid{font-size:12.5px;font-weight:700;color:var(--text);letter-spacing:.01em;min-width:60px} /* Grid: Crown 300:300:333, Shipment Info spans the Shipper and Pickup rows, equal gutters. */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-main{grid-template-rows:auto auto auto!important;grid-template-areas:"shipper consignee info" "pickup delivery info" "goods refs acc"!important;gap:var(--cl-gutter)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-info{grid-area:info!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-refs{grid-area:refs!important;display:flex!important;flex-direction:column!important;gap:var(--cl-gap)!important;min-width:0!important;--lw:70px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-acc{grid-area:acc!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-goods{grid-area:goods!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-pickup>.ad-section:first-child{flex:0 0 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-pickup{gap:var(--cl-gutter)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-pickup>.ad-crown-slot{flex:1 1 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-pickup .ad-special-section{flex:1 1 auto!important} /* Boxes */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section{border:1px solid var(--cl-line)!important;background:var(--panel)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-title{background:var(--cl-head)!important;border-bottom:1px solid var(--cl-line)!important;padding:3px 8px!important;min-height:0!important;height:auto!important;font-size:11.5px!important;line-height:15px!important;font-weight:700!important;color:var(--text)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-title>span{display:flex!important;align-items:center!important;gap:6px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-title i{font-size:10px!important;color:var(--cl-muted)!important;width:12px!important;text-align:center!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-section-body.ad-cbody, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-section-body, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-section-body{padding:5px 8px 6px!important;gap:var(--cl-gap)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-grid, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-assign-grid{gap:var(--cl-gap)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-grid+.ad-assign-grid{margin-top:4px!important;padding-top:4px!important;border-top:1px dashed var(--cl-line)!important} /* Labels: bold, right-aligned, readable, one fixed column per box. */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-party{--lw:52px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-timing{--lw:86px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-info{--lw:118px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lrow, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-appt-window-control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimensions-field{column-gap:8px!important;min-height:var(--cl-h)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-lrow>label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row>span, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-appt-window-control>label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-hrow>.ad-field>label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-labove>label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details>.ad-field>label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-inline-label{font-size:11.5px!important;line-height:14px!important;font-weight:700!important;color:var(--cl-label)!important;letter-spacing:0!important;text-transform:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-labove>label{text-align:left!important;margin:2px 0 2px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row.ad-time-datetime{grid-template-columns:var(--lw) 176px var(--cl-h)!important;grid-template-rows:var(--cl-h)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-time-row.ad-time-only{grid-template-columns:var(--lw) 96px var(--cl-h)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-appt-window-control{grid-template-columns:var(--lw) 112px!important} /* One height for every single-line control; soft borders; muted placeholders; one accent on focus. */ #shipmentModal.open .ad-form-compact.ad-crown3 input.control:not([type="checkbox"]):not([type="radio"]), #shipmentModal.open .ad-form-compact.ad-crown3 select.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section select, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section input:not([type="checkbox"]){height:var(--cl-h)!important;min-height:var(--cl-h)!important;max-height:var(--cl-h)!important;box-sizing:border-box!important;padding:0 6px!important;font-size:11.5px!important;line-height:18px!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 select.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section select{padding:0 2px 0 4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 textarea.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section textarea{box-sizing:border-box!important;padding:3px 6px!important;font-size:11.5px!important;line-height:15px!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:var(--panel)!important;color:var(--text)!important;resize:none!important;box-shadow:none!important;height:36px!important;min-height:36px!important;max-height:36px!important;overflow:auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .control:focus, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section select:focus, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section textarea:focus{outline:none!important;border-color:var(--cl-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--cl-accent) 18%,transparent)!important} #shipmentModal.open .ad-form-compact.ad-crown3 ::placeholder{color:var(--cl-muted)!important;opacity:.75!important;font-style:normal!important} #shipmentModal.open .ad-form-compact.ad-crown3 input[readonly].control{cursor:default} #shipmentModal.open .ad-form-compact.ad-crown3 input[type="checkbox"]{accent-color:var(--cl-accent)} /* Time-stamp buttons and other inline controls: quiet, same height as inputs. */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-stamp-now, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-quick-stamp{width:var(--cl-h)!important;height:var(--cl-h)!important;min-width:var(--cl-h)!important;min-height:0!important;padding:0!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:var(--panel)!important;color:var(--cl-muted)!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-stamp-now:hover, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-quick-stamp:hover{color:var(--cl-accent)!important;border-color:var(--cl-accent)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-stamp-now i, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-quick-stamp i{font-size:10px!important;color:inherit!important} #shipmentModal.open .ad-form-compact.ad-crown3 #adOpenDimensions{height:var(--cl-h)!important;min-height:0!important;padding:0 8px!important;font-size:11px!important;font-weight:700!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:var(--panel)!important;color:var(--cl-accent)!important;box-shadow:none!important;white-space:nowrap!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit #adWeightConverted, html[data-theme="dark"] #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit #adWeightConverted{color:var(--cl-muted)!important;font-weight:600!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit select{width:60px!important;min-width:60px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-dimweight-field .ad-dim-manual-label{font-size:11px!important;color:var(--cl-muted)!important;font-weight:600!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-checkbox-field{font-size:11.5px!important;font-weight:600!important;color:var(--cl-label)!important;gap:5px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-pline .control{width:100%!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-pline.ad-csz{grid-template-columns:minmax(0,1fr) 40px 76px!important;gap:var(--cl-gap) 4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-zip-route-hint{font-size:10.5px!important;color:var(--cl-muted)!important} #shipmentModal.open .ad-form-compact.ad-crown3 #adShipperAddress1::placeholder, #shipmentModal.open .ad-form-compact.ad-crown3 #adConsigneeAddress1::placeholder{font-style:italic!important} /* Party, refs and goods text areas */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-bottom{border:1px solid var(--cl-line)!important;background:var(--panel)!important;padding:4px 8px 6px!important;box-sizing:border-box!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-goods textarea.control{height:auto!important;max-height:none!important;flex:1 1 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-refs .ad-labove{margin-top:2px!important} /* Special Pickup / Delivery and Accessorials in the same calm style */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-section-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:8px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-checkbox-field{height:var(--cl-h)!important;min-height:0!important;padding:0 6px!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:transparent!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details>.ad-field{grid-template-columns:86px minmax(0,1fr)!important;min-height:var(--cl-h)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details{grid-template-columns:minmax(0,1fr)!important;gap:var(--cl-gap)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-details .ad-special-date-time{display:contents} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-section-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:8px!important;row-gap:var(--cl-gap)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section button{height:var(--cl-h)!important;min-height:0!important;padding:0 8px!important;font-size:11px!important;font-weight:700!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:var(--panel)!important;color:var(--cl-accent)!important;box-shadow:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section label, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-field>label{font-size:11px!important;font-weight:700!important;color:var(--cl-label)!important;text-transform:none!important;letter-spacing:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-catalog-status, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section small{font-size:10.5px!important;color:var(--cl-muted)!important} @media(max-width:1100px){ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-main{grid-template-areas:"shipper consignee" "pickup delivery" "goods refs" "info info" "acc acc"!important} } @media(max-width:760px){ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-main{grid-template-areas:"shipper" "pickup" "consignee" "delivery" "info" "goods" "refs" "acc"!important} } /* crownlayout-v2 fit: one screen at 1280x800 */ #shipmentModal.open{--cl-gap:1px} #shipmentModal.open .ad-crown-actionbar #adShipmentEditorTabs{flex:0 0 auto!important;width:auto!important} #shipmentModal.open .modal-foot.ad-crown-actionbar{min-height:0!important;height:34px!important;padding:0 10px!important;box-sizing:border-box!important} #shipmentModal.open .modal-body{padding-top:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-top-fields{padding:4px 8px!important;gap:3px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-phone-email .ad-lval{display:grid!important;grid-template-columns:minmax(0,118px) auto minmax(0,1fr)!important;column-gap:6px!important;align-items:center!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-phone-email .ad-lval .control{width:100%!important;max-width:none!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-nightdrop-row .ad-lval{display:flex!important;align-items:center!important;gap:6px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-nightdrop-row .ad-nightdrop-check{order:9;margin-left:4px!important;white-space:nowrap!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-party textarea.control{height:32px!important;min-height:32px!important;max-height:32px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-labove>label{margin:1px 0 1px!important} /* Accessorials (row 3, col 3): picker left, notes right */ #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-section-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;grid-auto-flow:row dense!important;align-content:start!important;padding:4px 8px 5px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-dropdowns{grid-column:1!important;grid-row:1 / span 2!important;gap:var(--cl-gap) 4px!important;align-content:start!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-notes{grid-column:2!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:6px!important;align-items:center!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-notes>label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-notes textarea{height:var(--cl-h)!important;min-height:var(--cl-h)!important;max-height:var(--cl-h)!important;padding:1px 6px!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-catalog-status{grid-column:1 / -1!important;margin:2px 0 0!important;line-height:13px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-count{font-size:10.5px!important;color:var(--cl-muted)!important;line-height:13px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-goods{display:flex!important;flex-direction:column!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-goods .ad-goods-field{display:flex!important;flex-direction:column!important;flex:1 1 auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-goods textarea.control{min-height:36px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-refs .ad-instructions textarea.control{height:20px!important;min-height:20px!important;max-height:20px!important;padding:1px 6px!important;line-height:16px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-refs .ad-instructions{display:grid!important;grid-template-columns:var(--lw) minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-crown-refs .ad-instructions>label{text-align:right!important;margin:0!important} #shipmentModal.open{--cl-gutter:6px} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section{position:relative!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-catalog-status{position:absolute!important;top:3px!important;right:8px!important;max-width:62%!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:15px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-dropdowns{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:4px!important;row-gap:var(--cl-gap)!important;max-height:41px!important;overflow-y:auto!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-head{display:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line{grid-column:1!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line select, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line input{height:var(--cl-h)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-add-accessorial{grid-column:2!important;grid-row:1!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-count{grid-column:1 / -1!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-notes{grid-template-columns:42px minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-section-body{row-gap:var(--cl-gap)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-details{display:grid!important;grid-template-columns:86px minmax(0,1fr) auto 84px!important;column-gap:8px!important;row-gap:var(--cl-gap)!important;align-items:center!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-details>.ad-field:not(.ad-auth-field){display:contents!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-details>.ad-auth-field{grid-column:1 / -1!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-details label{text-align:right!important;white-space:nowrap!important;margin:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-choice-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;grid-column:1 / -1!important} #shipmentModal.open .ad-form-compact.ad-crown3{padding-bottom:4px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line{order:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-add-accessorial{order:1!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-count{order:2!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-details{grid-template-columns:96px minmax(0,1fr) auto 84px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-special-section .ad-special-details>.ad-auth-field{grid-template-columns:96px minmax(0,1fr)!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-party textarea.control{padding:2px 6px!important;line-height:13.5px!important} #shipmentModal.open .modal-body{padding-bottom:0!important} #shipmentModal.open #adShipmentGeneral:has(>.ad-shipment-workspace.ad-form-compact.ad-crown3){padding-bottom:0!important;margin-bottom:0!important} #shipmentModal.open .ad-form-compact.ad-crown3{padding-bottom:2px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line{grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line select{width:100%!important;min-width:0!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-accessorial-section .ad-accessorial-line input:not([style*="none"]){width:52px!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-weight-unit select, #shipmentModal.open .ad-form-compact.ad-crown3 select#adDimFactor{height:var(--cl-h)!important;min-height:0!important;padding:0 2px 0 4px!important;font-size:11.5px!important;border:1px solid var(--cl-input-line)!important;border-radius:3px!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:none!important} #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-info .ad-w-ref .ad-lval>.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-info .ad-w-ref .ad-lval>div>.control, #shipmentModal.open .ad-form-compact.ad-crown3 .ad-box-info .ad-w-ref .ad-lval>input{width:100%!important;max-width:none!important} /* ---- 2026-10-24 crownlayout-v3: compact fields that follow their value (Joe: "less wide ... adjust automatically") ---- Text inputs and dropdowns no longer stretch to the box: each starts at a compact field-specific minimum (--fmin) and grows with its value up to the box width (max-width:100%), then shrinks back. Native: CSS field-sizing:content. Fallback (Firefox / older Safari): src/dispatch-autosize.mjs sets the width from the measured value (html[data-ad-autosize="js"]). Date/time fields get Crown's compact fixed size. */ #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 :is(input:is([type="text"],[type="tel"],[type="email"],[type="search"],[type="url"],[type="number"],:not([type])),select){width:auto!important;field-sizing:content;min-width:calc(var(--fmin,12ch) + 14px)!important;max-width:100%!important;flex:0 1 auto!important;justify-self:start!important;box-sizing:border-box!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 select{min-width:calc(var(--fmin,8ch) + 26px)!important;padding-right:2px!important} html[data-ad-autosize="js"] #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 :is(input:is([type="text"],[type="tel"],[type="email"],[type="search"],[type="url"],[type="number"],:not([type])),select){field-sizing:fixed} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperName,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeName,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperAddress1,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeAddress1,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperAddress2,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeAddress2{--fmin:30ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperCity,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeCity{--fmin:14ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperState,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeState{--fmin:4ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperZip,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeZip{--fmin:7ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperPhone,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneePhone{--fmin:13ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperContact,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeContact{--fmin:20ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adShipperEmail,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adConsigneeEmail{--fmin:12ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #fReference,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #fMawb,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adSecondaryReference,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adSerialNumber,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adPoNumber{--fmin:15ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adSkids,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #fPieces,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #fWeight,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDimWeight{--fmin:7ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDimensions{--fmin:18ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adOriginDest,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adRouting,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adNightDropCarrier,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adFlight,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adSignature,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adThirdParty{--fmin:16ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDispatchMessage,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adWarehouseLocation{--fmin:24ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adPickupRoute,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adPickupTruck,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adPickupTrailer,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDeliveryRoute,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDeliveryTruck,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDeliveryTrailer{--fmin:12ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #fCustomer{--fmin:24ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adServiceType{--fmin:14ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adStation{--fmin:7ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adHeaderRate{--fmin:8ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adSpecialAuthorization{--fmin:14ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adAccessorialNotes{--fmin:16ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #adDimFactor{--fmin:4ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 input:is([type="datetime-local"]){width:154px!important;min-width:154px!important;max-width:100%!important;flex:0 0 auto!important;justify-self:start!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 input:is([type="date"]){width:108px!important;min-width:108px!important;max-width:100%!important;flex:0 0 auto!important;justify-self:start!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 input:is([type="time"]){width:84px!important;min-width:84px!important;max-width:100%!important;flex:0 0 auto!important;justify-self:start!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-time-row,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-time-row.ad-time-datetime{grid-template-columns:var(--lw) 154px var(--cl-h)!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-time-row.ad-time-only{grid-template-columns:var(--lw) 84px var(--cl-h)!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-pline{display:flex!important;justify-content:flex-start!important;min-width:0!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-pline.ad-csz{display:flex!important;gap:4px!important;flex-wrap:nowrap!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-phone-email .ad-lval{display:flex!important;gap:6px!important;align-items:center!important;min-width:0!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-lval{min-width:0!important;justify-self:stretch!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-lval>div:not(.ad-weight-unit){min-width:0} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-hrow>.ad-field{min-width:0!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-accessorial-section .ad-accessorial-line{display:flex!important;gap:4px!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-accessorial-section .ad-accessorial-notes textarea{width:100%!important} /* Text areas keep their width; Shipment Info instructions may grow a little into the box's spare space. */ #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 :is(textarea){field-sizing:fixed} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 #fNotes{field-sizing:content;max-height:66px!important;overflow:auto!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-weight-unit select{--fmin:3ch} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-special-section .ad-special-details{grid-template-columns:86px 108px auto 84px!important;justify-content:start!important;column-gap:4px!important} #shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-hrow #fTerminal,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-hrow #fType,#shipmentModal#shipmentModal.open #adShipmentGeneral .ad-crown3 .ad-hrow #fStatus{--fmin:6ch}