/* Only mounting/role adaptations. Visual surfaces come from customer source assets. */
[data-supplier-order-drawer]{padding:0!important;border:0!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;background:#101820!important}
[data-supplier-order-drawer]>.supplier-drawer-toolbar{display:none}
[data-supplier-order-drawer] [data-po-detail]{padding:0;margin:0;border:0;background:transparent}
[data-supplier-order-drawer] .supply-actions{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:16px}
[data-supplier-order-drawer] .supply-actions button{flex:1 1 180px}
[data-supply-stage]{color:#f7f5f0}[data-supply-stage] .panel{color:#18384e}
[data-supply-stage] [data-proforma-editor]>.panel-head{display:none}
[data-supply-stage] [data-screen="wizard"],[data-supply-stage] [data-screen="shipment-details"]{display:block!important}
.supply-pdf-dialog{padding:0;border:0;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#e5ebef;color:#0b1b2b}
.supply-pdf-dialog>header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 12px;background:#071d38;color:white}.supply-pdf-dialog>header strong{flex:1;overflow-wrap:anywhere}.supply-pdf-dialog>header select,.supply-pdf-dialog>header button,.supply-pdf-dialog>header a{min-height:44px;padding:12px 18px;border:1px solid #8092a6;border-radius:10px;background:#20354c;color:white}
[data-supply-audit]{margin:16px 20px}[data-supply-audit] ul{padding-left:20px;line-height:1.6}
[data-supply-stage] [data-screen="wizard"]>.hero{display:none}
/* Compact disclosure; retain approved customer colors, cards and typography. */
[data-supplier-order-drawer] .supply-actions .pq-text{flex:0 1 auto;min-height:44px}
[data-supplier-order-drawer] .pq-header .pq-pill{display:none}
.sd-facts-disclosure{margin:12px 0}.sd-facts-disclosure>summary,.sd-journey-card>summary{cursor:pointer;padding:14px;font-weight:700}
[data-supply-stage] .sd-head .sd-actions{display:none}
[data-supply-stage] .sd-head h1{font-size:18px}
.sd-next-card .btn{min-height:44px;margin-top:8px}
@media(max-width:600px){.sd-head h1{font-size:20px}.sd-premium-grid{display:block}.sd-premium-grid> *{margin-bottom:12px}.sd-head{padding:12px 0}.sd-tabs{margin:12px 0}.sd-summary{padding:12px}}
/* Existing PI dialog rule also targeted stage forms; restore their readable surface. */
#fmStageDialog{background:#fff;color:#142b40}
#fmStageDialog .fm-stage-head{background:#fff}
/* Secondary actions remain readable inside the customer status panel. */
[data-supplier-order-drawer] .fm-current-status .pq-text{color:#173c50!important;opacity:1!important;font-weight:600}
[data-supplier-order-drawer] .sd-header p{display:none}
/* Existing shipment panels use light surfaces; retain that contrast in the dark order drawer. */
[data-supplier-order-drawer] .shipment-details-shell{background:#f2f8f8;color:#173c50;border-radius:18px;padding:16px}
[data-supplier-order-drawer] .sd-head p{display:none}
[data-supplier-order-drawer] .sd-title-row h1{font-size:20px;overflow-wrap:anywhere}
[data-supplier-order-drawer] .sd-premium-grid{grid-template-columns:1fr}
[data-supplier-order-drawer] .sd-premium-grid>button{justify-self:start;min-height:44px;padding:10px 16px}
[data-supplier-order-drawer] .sd-premium-grid{grid-template-columns:minmax(0,1fr)!important}
[data-supplier-order-drawer] .sd-next-card .btn.outline{margin:8px 0 0 8px;min-height:44px}
[data-supplier-order-drawer] .sd-head{margin-bottom:12px!important}
[data-supplier-order-drawer] .sd-facts-disclosure{margin:8px 0!important}
[data-supplier-order-drawer] .shipment-details-shell{gap:8px}
[data-supplier-order-drawer] .sd-head{margin:0!important;padding:4px 0!important}
[data-supplier-order-drawer] .sd-facts-disclosure{margin:0!important}
[data-supplier-order-drawer] .sd-facts-disclosure>summary{padding:10px}
[data-supplier-order-drawer] .sd-tabs{margin:4px 0!important}
/* Supply journey: existing portal palette and controls, reference accordion layout. */
.fsj{padding:20px!important;min-width:0}.fsj-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.fsj-head h2{margin:0;font-size:22px}.fsj-head p{margin:4px 0;color:#536575}.fsj-progress{display:grid;gap:3px;min-width:105px;font-size:12px;color:#536575}.fsj-progress strong{font-size:20px;color:#071b33}.fsj-progress progress{width:105px;height:7px;accent-color:#087bc4}.fsj-track{list-style:none;margin:0;padding:0}.fsj-track>li{position:relative;padding:0 0 8px 40px}.fsj-track>li:not(:last-child):before{content:'';position:absolute;left:14px;top:28px;bottom:-7px;width:2px;background:#dfe8ee}.fsj-dot{position:absolute;left:0;top:22px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#66788a;color:white;font-size:13px;font-weight:800}.fsj .done>.fsj-dot{background:#089b80}.fsj .current>.fsj-dot{background:#087bc4}.fsj-track details{border:1px solid #dfe8ee;border-radius:14px;overflow:hidden;background:#fff}.fsj-track summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none;min-height:68px}.fsj-track summary::-webkit-details-marker{display:none}.fsj-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:#eef4f7;border-radius:50%;color:#536575}.fsj .done .fsj-icon{background:#e6f5ef;color:#087d69}.fsj .current .fsj-icon{color:#087bc4;background:#eef7fd}.fsj-title{display:grid;gap:3px;flex:1;min-width:0}.fsj-title strong{font-size:15px;overflow-wrap:anywhere}.fsj-title small{color:#66788a;font-size:12px}.fsj-state{padding:6px 12px;border-radius:20px;background:#eef4f7;color:#536575;white-space:nowrap;font-size:12px;font-weight:700}.fsj .done .fsj-state{background:#e6f5ef;color:#087d69}.fsj .current .fsj-state{background:#eef7fd;color:#087bc4}.fsj-chevron{color:#536575}.fsj details[open] .fsj-chevron{transform:rotate(180deg)}.fsj-body{border-top:1px solid #edf2f5;padding:12px 16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#f7fbfd}.fsj-body>p,.fsj-body>small,.fsj-docs{flex-basis:100%;margin:0;color:#536575}.fsj-docs>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:9px 0;border-bottom:1px solid #e4edf2;font-size:13px}.fsj-docs b{font-weight:600}.fsj footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;color:#66788a}.fsj footer small{font-size:11px}.fsj-body .btn{min-height:42px}.fsj-body>.supply-actions{width:100%}
@media(max-width:600px){.fsj{padding:12px!important}.fsj-head{gap:8px}.fsj-head h2{font-size:20px}.fsj-head p{font-size:12px}.fsj-track>li{padding-left:31px}.fsj-dot{width:24px;height:24px;font-size:12px}.fsj-track>li:not(:last-child):before{left:11px}.fsj-track summary{padding:11px 9px;gap:7px}.fsj-icon{width:31px;height:31px}.fsj-icon svg{width:20px;height:20px}.fsj-title strong{font-size:13px}.fsj-title small{font-size:11px}.fsj-state{padding:5px 7px;font-size:10px}.fsj-body{padding:12px 10px}.fsj-docs>div{font-size:12px}.fsj-progress{min-width:80px}.fsj-progress progress{width:80px}}
.supply-pdf-dialog [hidden]{display:none!important}.supply-pdf-dialog [data-file-editor]{overflow:auto;background:#f7fbfd;color:#0b1b2b;height:calc(100dvh - 80px);padding:16px;box-sizing:border-box}.supply-pdf-dialog [data-file-editor] form{max-width:640px;margin:0 auto;display:grid;gap:16px}.supply-pdf-dialog [data-file-editor] .fm-stage-footer{position:static}.supply-pdf-dialog [data-file-editor] .fm-stage-field{display:grid;gap:8px}.supply-pdf-dialog [data-file-editor] input{min-width:0;max-width:100%;box-sizing:border-box}.supply-pdf-dialog>header strong{min-width:0;flex-basis:100%;order:2;font-size:13px}.supply-pdf-dialog>header{gap:8px}.supply-pdf-dialog>header button{padding:10px 14px}
.supply-pdf-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.supply-pdf-dialog>header{flex:none}.supply-pdf-dialog>[data-viewer],.supply-pdf-dialog>[data-file-editor]{flex:1;min-height:0;height:auto!important;overflow:auto}
/* Reference-photo visual treatment, scoped to supplier shipment details. */
[data-supplier-order-drawer] [data-supply-stage]:has(.shipment-details-shell)>h3,[data-supplier-order-drawer] [data-supply-stage]:has(.shipment-details-shell)>.pq-text{display:none}
[data-supplier-order-drawer]:has(.shipment-details-shell) .pq-header{display:none}
[data-supplier-order-drawer]:has(.shipment-details-shell) .pq-panel,[data-supplier-order-drawer]:has(.shipment-details-shell) .pq-column{padding:0!important;max-width:none!important;width:100%;margin:0}
[data-supplier-order-drawer] .shipment-details-shell{padding:0;gap:0;background:#f3f8fc;border-radius:0;color:#142337;font-family:Arial,sans-serif}
.sd-reference-hero{padding:20px 28px 24px;background:radial-gradient(ellipse at 75% 0,#31596d 0,transparent 60%),linear-gradient(115deg,#0a2130,#102f40);color:#e9f6ff;min-height:138px;box-sizing:border-box}
.sd-reference-back{border:0;background:transparent;color:#bcd4e4;font:inherit;padding:0;min-height:30px;cursor:pointer;text-decoration:underline}
.sd-reference-identity{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:12px}.sd-reference-identity small{display:block;letter-spacing:2px;color:#b9d2df;font-size:12px}.sd-reference-identity h1{font-size:28px;margin:4px 0 0;line-height:1.15;color:white}.sd-reference-identity>div:last-child{display:grid;justify-items:end;gap:6px;font-size:15px}.sd-reference-status{padding:5px 12px;background:#087b73;border-radius:20px;color:#e4fff8;font-size:12px}
[data-supplier-order-drawer] .shipment-details-shell>.sd-facts-disclosure{order:5;margin:0 24px 24px!important;border:1px solid #e0e8ed;border-radius:12px;background:white}
[data-supplier-order-drawer] .shipment-details-shell>.sd-tabs{order:0;margin:0!important;background:#fff;border-radius:20px 20px 0 0;padding:0 28px;gap:22px;min-height:50px;border-bottom:1px solid #e3ebf2}
.shipment-details-shell .sd-tabs button{font-size:14px;padding:16px 10px;color:#3f5568;font-weight:700}.shipment-details-shell .sd-tabs button.active{color:#0765c5;border-color:#0787f6}.sd-count{background:#e8f0fa;border-radius:10px;padding:2px 6px;font-size:11px}
.shipment-details-shell>.sd-tab-panel{padding:20px 24px}.shipment-details-shell .fsj{background:#ffffffc9;border:1px solid #e8eef4;box-shadow:0 12px 35px #7296b00a;border-radius:18px;padding:24px!important}
.shipment-details-shell .fsj-head{margin-bottom:24px;gap:18px}.shipment-details-shell .fsj-head h2{font-size:24px;letter-spacing:-.5px;color:#142337}.shipment-details-shell .fsj-head p{font-size:16px;line-height:1.4;color:#52677c}
.shipment-details-shell .fsj-progress{display:flex;align-items:center;gap:12px;background:#e7f2ff;border-radius:40px;padding:4px 6px 4px 20px;white-space:nowrap;font-size:12px;font-weight:700;color:#164b82}.fsj-ring{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:conic-gradient(#078af5 var(--progress),#cce1f9 0)}.fsj-ring span{display:grid;place-items:center;background:#f7fbff;width:42px;height:42px;border-radius:50%;font-size:14px;color:#113c65}
.shipment-details-shell .fsj-track>li{padding:0 0 7px 48px}.shipment-details-shell .fsj-dot{width:32px;height:32px;top:20px;font-size:16px;background:#7e8a94}.shipment-details-shell .fsj-track>li:not(:last-child):before{left:15px;top:42px;bottom:-22px;background:#d7dee6}.shipment-details-shell .fsj-track>li.done:before{background:#30baa4}.shipment-details-shell .fsj-track>li.done>.fsj-dot{background:#0ca28a}.shipment-details-shell .fsj-track>li.current>.fsj-dot{background:#0985eb}
.shipment-details-shell .fsj-track details{border-color:#e6edf3;border-radius:17px;background:linear-gradient(110deg,#fff,#fbfdff)}.shipment-details-shell .fsj-track summary{min-height:72px;padding:10px 14px;gap:14px;box-sizing:border-box}.shipment-details-shell .fsj-icon{width:48px;height:48px;background:#edf1f4;color:#516573}.shipment-details-shell .done .fsj-icon{background:#e5f5ee;color:#17957b}.shipment-details-shell .current .fsj-icon{background:#e7f3ff;color:#0985eb}.shipment-details-shell .fsj-title strong{font-size:16px;letter-spacing:-.3px;color:#152435}.shipment-details-shell .fsj-title small{font-size:12px;line-height:1.35;color:#526476}
.fsj-row-progress{display:flex;align-items:center;gap:12px;width:140px;flex:none;font-size:12px;color:#273e54}.fsj-row-progress progress{appearance:none;-webkit-appearance:none;width:98px;height:11px;border:0;border-radius:20px;overflow:hidden;background:#d6e0e9}.fsj-row-progress progress::-webkit-progress-bar{background:#d6e0e9}.fsj-row-progress progress::-webkit-progress-value{background:#0788ef;border-radius:20px}.fsj-row-progress progress::-moz-progress-bar{background:#0788ef}.done .fsj-row-progress{justify-content:end;width:80px}.done .fsj-row-progress progress{display:none}.done .fsj-row-progress b{background:#0c9879;color:white;padding:6px 12px;border-radius:18px}
.shipment-details-shell .fsj-state{min-width:72px;text-align:center;background:#eaf0f4;color:#526270;padding:7px 12px;font-size:12px}.shipment-details-shell .done .fsj-state{background:#e2f4ec;color:#16755e}.shipment-details-shell .current .fsj-state{background:#e0efff;color:#076dcd}.shipment-details-shell .fsj-body{background:#f1f7fd;border-top:1px solid #eaf0f5;padding:16px 20px}.shipment-details-shell .fsj-body .btn{background:white;color:#0965be;border:1px solid #cce1f6;border-radius:9px;box-shadow:0 3px 8px #1c65a012;font-weight:700}.shipment-details-shell .fsj-docs>div{padding:10px 0;border:0}.shipment-details-shell .fsj footer{background:#eaf5ff;border-radius:12px;padding:18px;margin-top:24px;gap:12px}.fsj-footer-info{color:#1183d4;font-size:28px}.fsj footer>div{flex:1}.fsj footer strong{display:block;font-size:12px;color:#1b4569}.fsj footer small{display:block;margin-top:4px;color:#456078}.fsj footer .fsj-brand{font-size:20px;color:#075b97}
@media(max-width:600px){.sd-reference-hero{padding:16px;min-height:134px}.sd-reference-identity{gap:10px;align-items:start;flex-direction:column}.sd-reference-identity h1{font-size:23px}.sd-reference-identity>div:last-child{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;gap:8px}.sd-reference-status{font-size:10px}.shipment-details-shell>.sd-tab-panel{padding:12px 8px}.shipment-details-shell .fsj{padding:14px 10px!important;border-radius:15px}.shipment-details-shell .fsj-head{gap:8px;margin-bottom:18px}.shipment-details-shell .fsj-head h2{font-size:20px}.shipment-details-shell .fsj-head p{font-size:12px}.shipment-details-shell .fsj-progress{padding:3px;gap:0}.fsj-progress>span{display:none}.fsj-ring{width:48px;height:48px}.fsj-ring span{width:36px;height:36px;font-size:12px}.shipment-details-shell .fsj-track>li{padding-left:30px}.shipment-details-shell .fsj-dot{width:23px;height:23px;font-size:12px;top:24px}.shipment-details-shell .fsj-track>li:not(:last-child):before{left:11px;top:40px}.shipment-details-shell .fsj-track summary{display:grid;grid-template-columns:33px minmax(0,1fr) auto;gap:7px;padding:10px 9px}.shipment-details-shell .fsj-icon{width:33px;height:33px}.shipment-details-shell .fsj-title strong{font-size:13px}.shipment-details-shell .fsj-title small{font-size:11px}.fsj-row-progress{display:none}.shipment-details-shell .fsj-state{grid-column:2;justify-self:start;font-size:10px;min-width:0;padding:4px 8px}.fsj-chevron{grid-column:3;grid-row:1}.shipment-details-shell .fsj-body{padding:12px}.shipment-details-shell .fsj footer{padding:12px;margin-top:16px}.fsj footer .fsj-brand{display:none}[data-supplier-order-drawer] .shipment-details-shell>.sd-tabs{padding:0 6px;gap:0;justify-content:space-around}.shipment-details-shell .sd-tabs button{padding:14px 8px;font-size:12px}}
.sd-reference-hero{position:relative;background:linear-gradient(90deg,#0a2032f5,#0a293dcc),url('/assets/supplier-dashboard/banner-1400.webp') center 64%/cover}.sd-reference-close{position:absolute;right:24px;top:14px;width:40px;height:40px;border:1px solid #abc4d344;border-radius:13px;background:#ffffff0a;color:white;font-size:26px;cursor:pointer}.sd-reference-identity{padding-top:4px}.sd-reference-identity>div:last-child{padding-top:14px}
[data-supplier-order-drawer]:has(.shipment-details-shell) .b2b-reservation-drawer,[data-supplier-order-drawer]:has(.shipment-details-shell) [data-po-detail],[data-supplier-order-drawer]:has(.shipment-details-shell) [data-screen="shipment-details"]{padding:0!important;margin:0!important}
@media(max-width:600px){.sd-reference-close{right:14px;top:12px}.sd-reference-identity>div:last-child{padding-top:0}}
[data-supplier-order-drawer] [data-po-detail].b2b-customer-portal.is-reservations .b2b-reservation-drawer.is-open .b2b-reservation-drawer-panel.pq-panel:has(.shipment-details-shell){padding:0!important;scrollbar-gutter:auto}
@media(max-width:600px){.shipment-details-shell .fsj-progress{min-width:0;flex:none}.shipment-details-shell .fsj-head h2{font-size:19px}}
.supply-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supply-photo-box{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #dce7ef;border-radius:14px;background:#fff;min-width:0;color:#233e51}.supply-photo-box>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f3f8fc;border-radius:9px}.supply-photo-box>strong{font-size:14px}.supply-photo-box>span{font-size:12px;line-height:1.4}.supply-photo-box>small{color:#667e8d;font-size:10px}.supply-photo-box input{width:100%;min-width:0;font-size:12px}.supply-photo-box [data-photo-selection]{overflow-wrap:anywhere;color:#087a68}.supply-photo-box.is-optional{border-style:dashed}.supply-photo-plus{color:#167ba9;font-size:32px!important}.supply-photo-note{font-size:13px;color:#496372}.supply-photo-optional-title{font-size:15px;margin:20px 0 12px}.supply-photo-box .required-star{color:#bc3838}[data-photo-add]{margin-top:12px;min-height:44px}
@media(max-width:420px){.supply-photo-grid{gap:8px}.supply-photo-box{padding:9px}.supply-photo-box>strong{font-size:12px}.supply-photo-box>span{font-size:11px}}
.supply-photo-box{position:relative;font-weight:400;padding-bottom:62px}.supply-photo-box>span{font-weight:400}.supply-photo-box>strong{font-weight:700}.supply-photo-box input[data-photo-file]{position:absolute;bottom:12px;left:10px;width:calc(100% - 20px);height:40px;opacity:0;cursor:pointer;z-index:1}.supply-photo-box [data-photo-selection]{position:absolute;bottom:12px;left:10px;width:calc(100% - 20px);height:40px;display:flex;align-items:center;justify-content:center;padding:5px;box-sizing:border-box;border:1px solid #c8dfe9;border-radius:9px;background:#f0f8fc;color:#145a79;font-weight:700;overflow:hidden;font-size:11px;line-height:1.2}.supply-photo-box:focus-within{outline:2px solid #0785df;outline-offset:2px}
.supply-photo-box [data-photo-media] img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f3f8fc;border-radius:9px;display:block}.supply-photo-box.has-photo{padding-bottom:12px}.supply-photo-box.has-photo input[data-photo-file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.supply-photo-box.has-photo [data-photo-selection]{position:static;width:100%;height:auto;min-height:28px;border:0;background:#e8f6ef;color:#167856}.supply-photo-box [data-photo-caption]{overflow-wrap:anywhere;font-size:10px}.supply-photo-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.supply-photo-tools[hidden]{display:none}.supply-photo-tools button{min-height:38px;border:1px solid #c8dfe9;background:#f7fbfe;border-radius:8px;color:#21546e;font-size:12px;font-weight:600;padding:6px}.supply-photo-tools [data-photo-delete]{color:#a13636;background:#fff8f8;border-color:#eed3d3}

/* Compact journey: shared customer-derived colors and cards, actual requirement progress. */
@property --progress{syntax:'<percentage>';inherits:false;initial-value:0%}
.fsj-ring{transition:--progress .45s ease}.fsj-compact .fsj-dot,.fsj-compact .fsj-state{transition:background-color .25s,color .25s}.fsj-compact .fsj-body>.fsj-primary{background:#087bc4;color:#fff;min-height:44px;flex-basis:100%;box-shadow:none}.fsj-compact .fsj-body>.sd-link{min-height:44px;background:none;border:0;box-shadow:none;font-size:13px}.fsj-compact .fsj-secondary{width:100%;background:transparent}.fsj-compact .fsj-secondary>summary{min-height:44px;padding:8px;font-size:13px;color:#365f7b}.fsj-compact .fsj-secondary>div{display:flex;gap:8px;flex-wrap:wrap;padding:10px}.fsj-compact .fsj-docs .is-complete{color:#087d69}.fsj-compact .fsj-docs b{white-space:normal;text-align:right}.fsj-compact .fsj-docs{width:100%}.fsj-compact .fsj-body>.fsj-note{font-size:13px}.fsj-compact .future .fsj-row-progress{opacity:.65}.shipment-details-shell .fsj-compact footer{padding:10px;margin-top:12px}.fsj-compact .fsj-secondary small,.fsj-compact .fsj-secondary p{flex-basis:100%}
@media(max-width:600px){.shipment-details-shell .fsj-compact .fsj-head{gap:8px;margin-bottom:14px}.shipment-details-shell .fsj-compact .fsj-head p{font-size:12px}.shipment-details-shell .fsj-compact .fsj-progress{padding:4px;gap:0}.fsj-compact .fsj-progress>span{display:none}.shipment-details-shell .fsj-compact .fsj-track>li{padding-left:28px}.shipment-details-shell .fsj-compact .fsj-dot{width:22px;height:22px;font-size:12px;top:17px}.shipment-details-shell .fsj-compact .fsj-track>li:not(:last-child):before{left:10px}.shipment-details-shell .fsj-compact .fsj-track>li>details>summary{display:grid;grid-template-columns:28px minmax(0,1fr) auto 10px;gap:5px;padding:10px 8px;min-height:68px}.shipment-details-shell .fsj-compact .fsj-icon{width:28px;height:28px;grid-column:1;grid-row:1/3}.shipment-details-shell .fsj-compact .fsj-title{grid-column:2;grid-row:1/3}.shipment-details-shell .fsj-compact .fsj-title strong{font-size:13px}.shipment-details-shell .fsj-compact .fsj-title small{font-size:10px}.fsj-compact .fsj-row-progress,.fsj-compact .done .fsj-row-progress{grid-column:3;grid-row:1;width:auto;justify-content:flex-end;gap:0}.fsj-compact .fsj-row-progress progress{display:none}.fsj-compact .fsj-row-progress b{font-size:12px;padding:3px 5px}.shipment-details-shell .fsj-compact .fsj-state{grid-column:3;grid-row:2;min-width:0;max-width:78px;white-space:normal;padding:3px 5px;font-size:9px}.fsj-compact .fsj-chevron{grid-column:4;grid-row:1/3}.shipment-details-shell .fsj-compact .fsj-body{padding:10px}.fsj-compact .fsj-docs>div{grid-template-columns:minmax(0,1fr) 82px;font-size:12px;padding:7px 0}}
@media(prefers-reduced-motion:reduce){.fsj-ring,.fsj-compact *{transition:none!important;animation:none!important}}

.shipment-details-shell .fsj-compact .fsj-row-progress,.shipment-details-shell .fsj-compact .done .fsj-row-progress{display:flex!important}