/* UX-R2.4 adds controlled inspectors and a scanner slice; inherits office typography. */
#context-dialog{width:calc(100vw - 72px);max-width:none;height:calc(100dvh - 64px);max-height:none;margin:32px 24px 32px 48px;padding:0;border:1px solid #8c98a5;border-radius:5px;background:#fff;color:#243341;box-shadow:-9px 0 0 #e5eaf0,-10px 0 0 #aeb9c3,0 16px 48px #18283755;overflow:hidden}
#context-dialog[open]{display:flex;flex-direction:column}
#context-dialog::backdrop{background:#18283730}
#context-dialog.context-full{width:calc(100vw - 24px);height:calc(100dvh - 24px);margin:12px}
.context-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#526273;color:#fff;flex-shrink:0}
.context-header h2{font-size:16px;margin:2px 0 0}.context-header span{font-size:12px;color:#e2e9ee}
.context-controls{display:flex;gap:6px;flex-wrap:wrap}.context-controls button{background:#fff;border:1px solid #d4dce3;color:#263b4a;min-height:30px}
.context-breadcrumb{display:flex;align-items:center;gap:6px;overflow:auto;white-space:nowrap;padding:7px 14px;background:#edf2f6;border-bottom:1px solid #ced7df;flex-shrink:0}
.context-breadcrumb button{font-size:12px;min-height:28px;background:transparent;border:0;color:#236a98}
.context-breadcrumb [aria-current]{font-weight:700;color:#28394b;opacity:1}
.context-origin{padding:6px 16px;background:#f7f9fa;border-bottom:1px solid #d9e0e5;font-size:12px;color:#536171;flex-shrink:0}
#context-body{padding:16px;overflow:auto;flex:1;min-height:0;scrollbar-gutter:stable}
#context-body h3{font-size:15px}#context-body .info-list{max-width:none}
#context-body .info-list>div{grid-template-columns:190px 1fr}
#context-body .r2-line-scroll{max-height:380px}
#context-body .r2-document-head{padding:0 0 12px}
#context-body .r2-financial-strip{position:static}
.context-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:#f2f5f7;border-top:1px solid #d2dbe2;font-size:11px;flex-shrink:0}
.context-source{padding:10px 12px;background:#eaf2f9;border-left:3px solid #236a98;margin:0 0 14px;overflow-wrap:anywhere}
.context-jumps,.context-primary,.flow-launch{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.context-proof{border-top:1px solid #d8e0e7;padding:12px 0;margin-top:18px;font-size:12px}
.context-proof summary{cursor:pointer;color:#536171}.context-proof pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f8;padding:12px;font-size:11px;max-height:300px;overflow:auto}
.context-relations{min-width:790px}
.item-data-table tr.current td{background:#e3eff9;box-shadow:inset 0 1px #b4cede,inset 0 -1px #b4cede}
.flow-qty{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:800px;margin:12px 0}
.flow-qty>div{border:1px solid #ccd8e1;background:#f3f7fa;padding:10px}.flow-qty span{display:block;font-size:12px}.flow-qty b{font-size:22px}
.receiving-scanner{max-width:680px;margin:0 auto;font-size:14px}
.scanner-demo{background:#dcebf6;color:#174f78;border:1px solid #a9c6dd;border-radius:3px;padding:7px 12px;font-weight:700}
.scanner-source{display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px 0;font-size:12px;overflow-wrap:anywhere}
.receiving-scanner h2{font-size:20px;margin:12px 0}
.flow-message{border:1px solid currentColor;border-radius:3px;padding:10px;margin:12px 0;background:#f8fafb}
.flow-message .semantic-badge{display:flex;white-space:normal;line-height:1.45;font-size:14px}
#receiving-form{display:grid;gap:14px;margin:14px 0}
#receiving-form label,.scanner-help label{display:grid;gap:7px;font-size:14px}
#receiving-form input:not([type=checkbox]){height:48px;font-size:18px;width:100%;border:1px solid #8398aa;border-radius:3px;padding:8px 10px;background:#fff}
#receiving-form button,.receiving-scanner>button,.flow-result button{min-height:46px;font-size:15px}
#receiving-form .flow-check{display:flex;align-items:flex-start;line-height:1.45}.flow-check input{width:20px;height:20px;flex-shrink:0}
.flow-result{border:1px solid #9ebdad;padding:12px;background:#eef6f1;margin:14px 0}
.flow-result h3{margin:0 0 10px}.scanner-help{background:#f4f6f8;padding:12px;border:1px solid #d2dbe3;margin:18px 0}
.scanner-help summary{cursor:pointer;font-size:13px}.scanner-help p{line-height:1.7;overflow-wrap:anywhere}.scanner-help select{min-height:42px}
.scanner-secondary{display:flex;gap:8px;padding-top:4px}
@media(max-width:700px){
 #context-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);margin:8px;box-shadow:0 8px 32px #18283755}
 .context-header{padding:8px;gap:6px;flex-wrap:wrap}.context-header h2{font-size:14px;overflow-wrap:anywhere}
 .context-controls{gap:4px}.context-controls button{font-size:12px;min-height:36px;padding:5px 8px}
 .context-breadcrumb{padding:5px 8px}.context-origin{padding:6px 8px;font-size:11px}
 #context-body{padding:10px}.context-footer{padding:6px 8px;align-items:flex-start}.context-footer span{max-width:53%;font-size:10px}
 .context-footer button{font-size:11px;padding:6px;min-height:36px}
 #context-body .info-list>div{display:block}#context-body .info-list dt{margin-bottom:4px}#context-body .info-list dd{margin:0;overflow-wrap:anywhere}
 .flow-qty{gap:4px}.flow-qty>div{padding:8px 6px}.flow-qty span{font-size:11px}.flow-qty b{font-size:19px}
 .context-launch,.flow-launch{display:grid}.receiving-scanner{max-width:none}
}


.context-footer select{max-width:240px;font-size:11px;min-height:28px}@media(max-width:700px){.context-footer{flex-wrap:wrap}.context-footer select{width:100%;max-width:none}.context-footer span{max-width:52%}}
@media(max-width:700px){body:has(#context-dialog[open]){overflow:hidden}body:has(#context-dialog[open]) #main{min-width:0;max-width:100vw;overflow:hidden}body:has(#context-dialog[open]) #header,body:has(#context-dialog[open]) #demo{overflow:hidden}}