/* Detail screens are separate stages, never transparent layers. */
dialog::backdrop{background:#0d1920!important;backdrop-filter:none!important;opacity:1!important}
[data-screen].hidden{display:none!important}
[data-supplier-order-drawer],#fmStageDialog{background:#0d1920;opacity:1}
body:has(dialog[open]){overflow:hidden}
[data-screen="proformas"]:has([data-proforma-editor]:not(.hidden)) .offer-grid{display:none!important}
[data-proforma-editor] [hidden]{display:none!important}
[data-pi-choices]{margin:16px}
.fm-po-options{padding:16px;border:1px solid #c9dce4;border-radius:16px;background:#f6f9fb;color:#18384e}
.fm-po-options h3{margin:0 0 5px;font-size:16px}.fm-po-options p{font-size:12px;margin:0 0 14px}
.fm-po-options-list{display:grid;gap:10px}.fm-po-option{width:100%;min-height:76px;padding:14px;border:1px solid #cfdee6;border-radius:11px;background:linear-gradient(180deg,#fff,#f0f6f8);display:flex;align-items:center;gap:12px;text-align:left;color:#18384e;cursor:pointer}
.fm-po-option>span:nth-child(2){flex:1}.fm-po-option strong{display:block;font-size:14px}.fm-po-option small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#617586}.fm-po-option em{display:inline-block;font-style:normal;font-size:10px;background:#dceee5;color:#236647;border-radius:8px;padding:3px 7px;margin-top:5px}.fm-po-number{background:#e3eef3;border-radius:9px;padding:10px;font-weight:800}.fm-po-option:hover{border-color:#438698}.fm-po-option:active{transform:scale(.99)}
[data-pi-tools],.supplier-pi-upload{display:block;padding:16px 20px}[data-pi-tools] p{color:#536c7d;font-size:13px}[data-pi-tools] a{margin:8px}.supplier-pi-upload input{display:block;margin:10px 0;max-width:100%}
@media(max-width:767px){[data-supplier-order-drawer],#fmStageDialog{inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;box-sizing:border-box}
[data-proforma-editor] .form-grid{grid-template-columns:minmax(0,1fr)}[data-proforma-editor] .span-2{grid-column:auto}[data-proforma-editor] .offer-line-wrap{overflow:auto}[data-proforma-editor] .panel-head .tag{display:none}}

[data-screen="proformas"]:has([data-proforma-editor]:not(.hidden)) .hero{display:none!important}