/* Fase 4A: apresentação da Expedição. Nenhum estilo alcança Entrada ou coletor. */
@media screen{
  #app #content .fm-wide-detail[data-detail-kind="shipping"]{color:var(--wms-text)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-top{align-items:center;margin-bottom:14px}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-top h2{font-size:clamp(21px,1.7vw,26px);color:var(--wms-brand-dark)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-back{color:var(--wms-brand)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-nav{gap:4px;padding:7px;border-color:var(--wms-border);border-radius:var(--wms-radius);box-shadow:var(--wms-shadow-sm)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-nav a{color:var(--wms-text-secondary);font-size:12px}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-nav a:hover,#app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-nav a:focus-visible{background:var(--wms-brand-light);color:var(--wms-brand-dark)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-section{margin-bottom:12px;padding:17px;border-color:var(--wms-border);border-radius:var(--wms-radius-lg);box-shadow:var(--wms-shadow-sm);overflow-x:auto}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-section h3{color:var(--wms-brand-dark);font-size:15px}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-actions{align-items:center;gap:7px}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-actions .fm-finalization-reason{max-width:270px}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-actions .fm-shipment-finalize{font-weight:800}

  #app #content .fm-shipment-hero{padding:18px;border-color:var(--wms-border);background:var(--wms-surface-subtle);box-shadow:none}
  #app #content .fm-shipment-hero-main{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
  #app #content .fm-shipment-eyebrow{display:block;margin-bottom:3px;color:var(--wms-text-secondary);font-size:10px;font-weight:800;letter-spacing:.1em}
  #app #content .fm-shipment-hero-main strong{display:block;color:var(--wms-brand-dark);font-size:clamp(25px,2.2vw,34px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
  #app #content .fm-shipment-hero-badges{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
  #app #content .fm-shipment-hero-badges .wms-badge{font-size:11px}
  #app #content .fm-shipment-hero p{margin:11px 0 12px;color:var(--wms-text);font-size:14px;font-weight:680}
  #app #content .fm-shipment-hero-foot{display:flex;gap:8px 25px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--wms-border);color:var(--wms-text-secondary);font-size:12px}
  #app #content .fm-shipment-hero-foot b{color:var(--wms-brand-dark);font-variant-numeric:tabular-nums}
  #app #content .fm-shipment-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
  #app #content .fm-shipment-step{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:11px 13px;border:1px solid var(--wms-border);border-radius:var(--wms-radius);background:var(--wms-surface)}
  #app #content .fm-shipment-step:not(:last-child)::after{content:"";position:absolute;z-index:1;top:28px;right:-9px;width:9px;border-top:1px solid var(--wms-border-strong)}
  #app #content .fm-shipment-step-mark{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--wms-neutral-bg);color:var(--wms-neutral);font-weight:800}
  #app #content .fm-shipment-step>div{display:grid;gap:2px;min-width:0}
  #app #content .fm-shipment-step b{color:var(--wms-brand-dark);font-size:10px;letter-spacing:.04em}
  #app #content .fm-shipment-step div>span{font-size:12px;font-weight:750}
  #app #content .fm-shipment-step small{color:var(--wms-text-secondary);font-size:10px;font-variant-numeric:tabular-nums}
  #app #content .fm-shipment-step.is-success .fm-shipment-step-mark{background:var(--wms-success-bg);color:var(--wms-success)}
  #app #content .fm-shipment-step.is-success div>span{color:var(--wms-success)}
  #app #content .fm-shipment-step.is-info .fm-shipment-step-mark{background:var(--wms-info-bg);color:var(--wms-info)}
  #app #content .fm-shipment-step.is-info div>span{color:var(--wms-info)}
  #app #content .fm-shipment-step.is-warning .fm-shipment-step-mark{background:var(--wms-warning-bg);color:var(--wms-warning)}
  #app #content .fm-shipment-step.is-warning div>span{color:var(--wms-warning)}
  #app #content .fm-shipment-step.is-danger .fm-shipment-step-mark{background:var(--wms-danger-bg);color:var(--wms-danger)}
  #app #content .fm-shipment-step.is-danger div>span{color:var(--wms-danger)}
  #app #content .fm-shipment-step.is-neutral div>span{color:var(--wms-neutral)}
  #app #content .fm-shipment-meta{grid-template-columns:minmax(0,2fr) minmax(170px,1fr);gap:9px}
  #app #content .fm-shipment-meta .fm-detail-field{background:var(--wms-surface);border-color:var(--wms-border)}

  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-table{font-variant-numeric:tabular-nums}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-table th{background:var(--wms-surface-subtle);color:var(--wms-text-secondary)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-table td{border-bottom-color:var(--wms-border)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-table tbody tr:hover{background:var(--wms-surface-subtle)}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] .fm-detail-table details summary{color:var(--wms-brand);font-size:12px}
  #app #content .fm-wide-detail[data-detail-kind="shipping"] #shipping-receivers .fm-detail-table,#app #content .fm-wide-detail[data-detail-kind="shipping"] #shipping-program .fm-detail-table{min-width:930px}

  #app #content .fm-map-toolbar{gap:7px;margin-bottom:10px}
  #app #content .fm-map-toolbar input{min-height:38px}
  #app #content .fm-map-filter-panel{background:var(--wms-surface-subtle);border-color:var(--wms-border)}
  #app #content .fm-map-summary{gap:0;margin:0 0 11px;padding:5px 8px;border:1px solid var(--wms-border);border-radius:var(--wms-radius-sm);background:var(--wms-surface-subtle)}
  #app #content .fm-map-summary>span{padding:5px 10px;border-radius:0;background:transparent;color:var(--wms-text-secondary);font-size:11px}
  #app #content .fm-map-summary>span+span{border-left:1px solid var(--wms-border)}
  #app #content .fm-map-summary b{color:var(--wms-brand-dark);font-variant-numeric:tabular-nums}
  #app #content .fm-map-summary>span:nth-last-child(-n+2) b{color:var(--wms-warning)}
  #app #content .fm-map-receiver{--fm-receiver-accent:var(--wms-brand)!important;--fm-receiver-tint:var(--wms-surface-subtle)!important;border-color:var(--wms-border);border-left-width:3px;border-radius:var(--wms-radius);box-shadow:var(--wms-shadow-sm)}
  #app #content .fm-map-receiver-head{background:var(--wms-surface-subtle);border-bottom-color:var(--wms-border)}
  #app #content .fm-map-receiver-head b{color:var(--wms-brand-dark)}
  #app #content .fm-map-receiver-tag{color:var(--wms-brand)!important}
  #app #content .fm-map-receiver-overview{display:grid;gap:7px;margin:0}
  #app #content .fm-map-receiver-facts,#app #content .fm-map-receiver-metrics{display:flex;gap:0;flex-wrap:wrap;align-items:center}
  #app #content .fm-map-receiver-facts span{padding:2px 10px 2px 0;background:transparent;color:var(--wms-text-secondary);font-size:11px}
  #app #content .fm-map-receiver-facts span+span{padding-left:10px;border-left:1px solid var(--wms-border)}
  #app #content .fm-map-receiver-metrics{gap:6px}
  #app #content .fm-map-receiver-metrics span{display:inline-flex;gap:6px;padding:5px 8px;border:1px solid var(--wms-border);background:#fff;color:var(--wms-text-secondary);font-size:11px}
  #app #content .fm-map-receiver-metrics b{color:var(--wms-brand-dark);font-variant-numeric:tabular-nums}
  #app #content .fm-map-receiver-metrics .is-reserved b{color:var(--wms-info)}
  #app #content .fm-map-receiver-metrics .is-separated b{color:var(--wms-brand)}
  #app #content .fm-map-receiver-metrics .is-conferred b{color:var(--wms-success)}
  #app #content .fm-map-receiver-metrics .is-pending b{color:var(--wms-warning)}
  #app #content .fm-map-receiver-overview>.fm-map-receiver-done,#app #content .fm-map-receiver-overview>.fm-map-receiver-pending{justify-self:start;margin-top:1px;padding:4px 8px;border-radius:var(--wms-radius-sm);font-size:11px}
  #app #content .fm-map-receiver-overview>.fm-map-receiver-done{background:var(--wms-success-bg);color:var(--wms-success)}
  #app #content .fm-map-receiver-overview>.fm-map-receiver-pending{background:var(--wms-warning-bg);color:var(--wms-warning)}
  #app #content .fm-map-origin h4{display:inline-block;border:1px solid var(--wms-border);border-radius:var(--wms-radius-sm);background:var(--wms-neutral-bg);color:var(--wms-brand-dark)}
  #app #content .fm-map-origin.is-inclusion h4{border-color:#bfd9ec;background:var(--wms-info-bg);color:var(--wms-info)}
  #app #content .fm-map-product{background:var(--wms-surface);border-color:var(--wms-border);box-shadow:none}
  #app #content .fm-map-product-code{color:var(--wms-brand)}
  #app #content .fm-map-quantities{gap:5px}
  #app #content .fm-map-quantities span{background:var(--wms-surface-subtle);border-color:var(--wms-border);font-variant-numeric:tabular-nums}
  #app #content .fm-map-quantities .is-reserved b{color:var(--wms-info)}
  #app #content .fm-map-quantities .is-separated b{color:var(--wms-brand)}
  #app #content .fm-map-quantities .is-conferred b{color:var(--wms-success)}
  #app #content .fm-map-quantities .is-pending b{color:var(--wms-warning)}
  #app #content .fm-map-composition{min-width:530px}
  #app #content .shipping-cards .receiving-card{border-color:var(--wms-border);box-shadow:var(--wms-shadow-sm)}
  #app #content .shipping-cards .receiving-card-actions>button.secondary{background:#fff;border-color:var(--wms-border-strong);color:var(--wms-brand)}
  #app #content .shipping-cards .fm-finalize-list{font-weight:800}
}
@media screen and (max-width:1100px){
  #app #content .fm-shipment-timeline{grid-template-columns:1fr}
  #app #content .fm-shipment-step:not(:last-child)::after{top:auto;bottom:-9px;left:26px;right:auto;width:0;height:9px;border-top:0;border-left:1px solid var(--wms-border-strong)}
}
@media screen and (max-width:700px){
  #app #content .fm-shipment-hero-main{flex-direction:column;gap:10px}
  #app #content .fm-shipment-hero-badges{justify-content:flex-start}
  #app #content .fm-shipment-meta{grid-template-columns:1fr}
  #app #content .fm-map-receiver-facts span+span{border-left:0;padding-left:0}
}