/* Fase 4B: Recebimento administrativo; reutiliza os tokens da Fase 4A. */
@media screen{
  #app #content .fm-wide-detail[data-detail-kind="receiving"]{color:var(--wms-text)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-top{align-items:center;margin-bottom:14px}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-top h2{font-size:clamp(21px,1.7vw,26px);color:var(--wms-brand-dark)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-back{color:var(--wms-brand)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .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="receiving"] .fm-detail-nav a{color:var(--wms-text-secondary);font-size:12px}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-nav a:hover,#app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-nav a:focus-visible{background:var(--wms-brand-light);color:var(--wms-brand-dark)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .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="receiving"] .fm-detail-section h3{color:var(--wms-brand-dark);font-size:15px}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-actions{align-items:center;gap:7px}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-empty{padding:20px;border:1px dashed var(--wms-border-strong);border-radius:var(--wms-radius);background:var(--wms-surface-subtle);color:var(--wms-text-secondary)}

  #app #content .fm-receiving-hero{padding:18px;border-color:var(--wms-border);background:var(--wms-surface-subtle);box-shadow:none}
  #app #content .fm-receiving-hero-main{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
  #app #content .fm-receiving-eyebrow{display:block;margin-bottom:3px;color:var(--wms-text-secondary);font-size:10px;font-weight:800;letter-spacing:.1em}
  #app #content .fm-receiving-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-receiving-hero-main .wms-badge{flex:0 0 auto;font-size:11px}
  #app #content .fm-receiving-hero p{margin:11px 0 12px;color:var(--wms-text);font-size:14px;font-weight:680}
  #app #content .fm-receiving-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-receiving-hero-foot b{color:var(--wms-brand-dark);font-variant-numeric:tabular-nums}
  #app #content .fm-receiving-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
  #app #content .fm-receiving-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-receiving-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-receiving-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-receiving-step>div{display:grid;gap:2px;min-width:0}
  #app #content .fm-receiving-step b{color:var(--wms-brand-dark);font-size:10px;letter-spacing:.04em}
  #app #content .fm-receiving-step div>span{font-size:12px;font-weight:750}
  #app #content .fm-receiving-step small{color:var(--wms-text-secondary);font-size:10px;font-variant-numeric:tabular-nums}
  #app #content .fm-receiving-step.is-success .fm-receiving-step-mark{background:var(--wms-success-bg);color:var(--wms-success)}
  #app #content .fm-receiving-step.is-success div>span{color:var(--wms-success)}
  #app #content .fm-receiving-step.is-info .fm-receiving-step-mark{background:var(--wms-info-bg);color:var(--wms-info)}
  #app #content .fm-receiving-step.is-info div>span{color:var(--wms-info)}
  #app #content .fm-receiving-step.is-warning .fm-receiving-step-mark{background:var(--wms-warning-bg);color:var(--wms-warning)}
  #app #content .fm-receiving-step.is-warning div>span{color:var(--wms-warning)}
  #app #content .fm-receiving-step.is-danger .fm-receiving-step-mark{background:var(--wms-danger-bg);color:var(--wms-danger)}
  #app #content .fm-receiving-step.is-danger div>span{color:var(--wms-danger)}
  #app #content .fm-receiving-step.is-neutral div>span{color:var(--wms-neutral)}
  #app #content .fm-receiving-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #app #content .fm-receiving-meta .fm-detail-field{background:var(--wms-surface);border-color:var(--wms-border)}

  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table{font-variant-numeric:tabular-nums}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table th{background:var(--wms-surface-subtle);color:var(--wms-text-secondary)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table td{border-bottom-color:var(--wms-border)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table tbody tr:hover{background:var(--wms-surface-subtle)}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table details summary{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;font-size:11px;list-style:none;white-space:nowrap}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table details summary::-webkit-details-marker{display:none}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table details summary:focus-visible{outline:2px solid var(--wms-brand);outline-offset:2px}
  #app #content .fm-wide-detail[data-detail-kind="receiving"] .fm-detail-table details div{overflow-wrap:anywhere}
  #app #content #receiving-invoices .fm-detail-table{min-width:760px}
  #app #content #receiving-items .fm-detail-table{min-width:650px}
  #app #content #receiving-units .fm-detail-table{min-width:1050px}
  #app #content .fm-receiving-nf{color:var(--wms-brand-dark);font-size:14px}
  #app #content .fm-receiving-ul{color:var(--wms-brand-dark);white-space:nowrap}
  #app #content .fm-receiving-cell-sub{display:block;margin-top:3px;color:var(--wms-text-secondary);font-size:11px}
  #app #content .fm-receiving-quantity{font-weight:750;font-variant-numeric:tabular-nums}
  #app #content #receiving-units .wms-badge{font-size:10px;white-space:nowrap}
  #app #content .fm-receiving-conference-panel,#app #content .fm-receiving-storage-panel{display:grid;gap:13px}
  #app #content .fm-receiving-conference-main{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  #app #content .fm-receiving-conference-main strong{color:var(--wms-brand-dark);font-size:24px;font-variant-numeric:tabular-nums}
  #app #content .fm-receiving-conference-main strong small{color:var(--wms-text-secondary);font-size:12px;font-weight:600}
  #app #content .fm-receiving-panel-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  #app #content .fm-receiving-conference-panel .fm-receiving-panel-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  #app #content .fm-receiving-panel-meta .fm-detail-field{background:var(--wms-surface-subtle);border-color:var(--wms-border)}
}
@media screen and (max-width:1100px){
  #app #content .fm-receiving-timeline{grid-template-columns:1fr}
  #app #content .fm-receiving-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)}
  #app #content .fm-receiving-panel-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app #content .fm-receiving-conference-panel .fm-receiving-panel-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:700px){
  #app #content .fm-receiving-hero-main{flex-direction:column;gap:10px}
  #app #content .fm-receiving-meta,#app #content .fm-receiving-panel-meta,#app #content .fm-receiving-conference-panel .fm-receiving-panel-meta{grid-template-columns:1fr}
}