/* Compact companion to the table, without a backdrop or a modal focus trap. */
:root { --ri-inspector-width: 370px; }
.ri-inspector { position:fixed; top:var(--ri-inspector-top,84px); right:14px; bottom:14px; z-index:600; width:var(--ri-inspector-width); max-width:calc(100vw - 28px); display:flex; flex-direction:column; min-height:0; box-sizing:border-box; overflow:hidden; color:#e2eaf5; background:#101c2e; border:1px solid #304159; border-radius:15px; box-shadow:0 18px 60px #02081770; font-family:inherit; font-size:12px; text-align:left; animation:ri-inspector-enter 170ms ease-out; }
.ri-inspector[hidden],.ri-inspector [hidden] { display:none !important; }
.ri-inspector * { box-sizing:border-box; }
.ri-inspector button { font:inherit; cursor:pointer; transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease; }
.ri-inspector button:disabled { cursor:default; opacity:.42; }
.ri-inspector button:focus-visible,.ri-inspector textarea:focus-visible { outline:2px solid #8daaff; outline-offset:2px; }
.ri-inspector-header { display:flex; align-items:flex-start; gap:10px; padding:17px 16px 11px; flex:0 0 auto; }
.ri-inspector-header>div { min-width:0; flex:1; }
.ri-inspector-eyebrow { color:#8eabc9; font-size:10px; font-weight:650; letter-spacing:.065em; text-transform:uppercase; }
.ri-inspector-eyebrow span { color:#d7ac69; letter-spacing:0; }
.ri-inspector-header h2 { margin:6px 0 0; color:#f3f7ff; font-size:16px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; max-height:110px; overflow-y:auto; }
.ri-inspector-icon { flex:0 0 27px; width:27px; height:27px; border:1px solid #34445d; border-radius:7px; background:#1a293e; color:#bdcce0; }
.ri-inspector-icon:hover { background:#263851; color:white; }
.ri-inspector-navigation { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 16px 11px; border-bottom:1px solid #26374e; flex:0 0 auto; color:#91a6bf; font-size:11px; font-variant-numeric:tabular-nums; }
.ri-inspector-nav-button { width:30px; height:25px; border:1px solid #304159; border-radius:6px; color:#d3dff0; background:#19283d; }
.ri-inspector-nav-button:hover:enabled { background:#283c57; border-color:#6b89b0; }
.ri-inspector-details { flex:1 1 auto; min-height:70px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#445b7a transparent; padding:14px 16px; }
.ri-inspector-product>span,.ri-inspector-metrics span,.ri-inspector-allocation>span { display:block; color:#91a6bf; font-size:10px; }
.ri-inspector-product p { margin:5px 0 14px; font-size:13px; font-weight:550; line-height:1.5; overflow-wrap:anywhere; white-space:pre-wrap; }
.ri-inspector-metrics { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:9px; margin-bottom:12px; }
.ri-inspector-metrics>div { padding:10px 9px; border:1px solid #2a3e57; border-radius:9px; background:#15253a; min-width:0; }
.ri-inspector-metrics strong { display:block; margin-top:5px; font-size:16px; font-weight:650; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ri-inspector-metrics small { display:block; color:#708eae; margin-top:4px; font-size:9px; line-height:1.35; }
.ri-inspector-shipment { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:6px; margin:0 0 5px; font-size:10px; font-weight:650; }
.ri-inspector-shipment.is-pending { color:#eed2a3; background:#a876211c; border:1px solid #8d6b363c; }
.ri-inspector-shipment.is-shipped { color:#9bdfc1; background:#2a9e6d1e; border:1px solid #3c9b733a; }
.ri-inspector-details dl { margin:0; }
.ri-inspector-details dl>div { padding:10px 0; border-bottom:1px solid #22344b; }
.ri-inspector-details dt { color:#819bb8; font-size:10px; margin-bottom:4px; }
.ri-inspector-details dd { margin:0; color:#dfebf8; font-size:12px; line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere; }
.ri-inspector-allocation { padding:10px; margin-top:12px; border-radius:8px; border:1px solid #2b3c55; background:#152338; }
.ri-inspector-allocation p { margin:5px 0 0; color:#a7b9cf; line-height:1.45; overflow-wrap:anywhere; }
.ri-inspector-allocation.is-allocated { border-color:#506291; background:#233050; }
.ri-inspector-allocation.is-allocated p { color:#c1d0ff; }
.ri-inspector-allocation.is-missing { border-color:#916539; }
.ri-inspector-allocation.is-missing p { color:#f4c785; }
.ri-inspector-payment { display:flex; justify-content:space-between; gap:8px; width:100%; padding:9px 10px; margin-top:10px; border:1px solid #3a5070; border-radius:8px; background:#1b2c45; color:#c9d9f0; }
.ri-inspector-payment:hover:enabled { background:#263e5d; }
.ri-inspector-metrics strong>span { display:inline; color:inherit; font-size:inherit; }
.ri-inspector-documents { margin-top:12px; padding-top:5px; border-top:1px solid #293b54; }
.ri-inspector-documents>span { display:block; margin:8px 0 5px; font-size:10px; color:#91a6bf; }
.ri-inspector-documents>div { display:flex; flex-wrap:wrap; gap:5px; }
.ri-inspector-documents button { padding:5px 7px; min-height:28px; font-size:10px; }
.ri-inspector-jumps { flex:0 0 auto; padding:11px 16px; border-top:1px solid #293b54; background:#111f33; }
.ri-inspector-jumps h3 { margin:0 0 8px; font-size:10px; color:#91a6bf; font-weight:500; }
.ri-inspector-jumps>div { display:flex; flex-wrap:wrap; gap:5px; }
.ri-inspector-jump { display:flex; gap:6px; align-items:center; padding:5px 7px; border:1px solid #2e4563; border-radius:6px; background:#182a42; color:#b9cce3; font-size:10px !important; }
.ri-inspector-jump:hover:enabled,.ri-inspector-jump.is-current { border-color:#607fb2; color:#e5efff; background:#263d60; }
.ri-inspector-jump span { color:#778eaf; }
.ri-inspector-footer { flex:0 0 auto; border-top:1px solid #293b54; padding:11px 16px 12px; background:#132238; }
.ri-inspector-actions { display:flex; gap:7px; }
.ri-inspector-edit,.ri-inspector-copy { min-height:31px; border-radius:7px; border:1px solid #4b6fa7; padding:7px 10px; }
.ri-inspector-edit { background:#36578d; color:white; }
.ri-inspector-edit:hover:enabled { background:#456da8; }
.ri-inspector-copy { flex:1; background:#1c304b; color:#ccddf4; border-color:#3b5372; }
.ri-inspector-copy:hover { background:#2a4364; }
.ri-inspector-status { color:#94aaca; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.ri-inspector-status:not(:empty) { margin-top:7px; }
.ri-inspector-status[data-kind=success] { color:#9bdfc1; }
.ri-inspector-status[data-kind=error] { color:#e4bc83; }
#realizationInspectorCopyFallback { margin-top:9px; }
#realizationInspectorCopyFallback label { display:block; font-size:10px; color:#9db3d0; margin-bottom:5px; }
#realizationInspectorCopyText { width:100%; resize:vertical; max-height:160px; border:1px solid #4a6486; border-radius:6px; background:#0e192b; color:#d8e5f5; font-family:inherit; font-size:11px; line-height:1.4; padding:8px; }
@media(min-width:1250px) { .realization-inspector-open #systemsContainer>.rw { padding-right:calc(var(--ri-inspector-width) + 15px); } }
@media(max-width:1249px) { .ri-inspector { top:var(--ri-inspector-top,90px); bottom:12px; right:10px; width:345px; } }
@media(max-width:650px) { .ri-inspector { top:auto; bottom:8px; right:8px; left:8px; width:auto; max-width:none; max-height:min(78vh,var(--ri-inspector-available-height,78vh)); border-radius:15px; } .ri-inspector-header { padding:13px 13px 9px; } .ri-inspector-header h2 { font-size:14px; max-height:64px; } .ri-inspector-navigation,.ri-inspector-jumps,.ri-inspector-footer { padding-left:13px; padding-right:13px; } .ri-inspector-details { padding:11px 13px; } .ri-inspector-metrics strong { font-size:15px; } }
@media(max-height:600px) and (min-width:651px) { .ri-inspector { top:var(--ri-inspector-top,12px); bottom:12px; } .ri-inspector-header h2 { max-height:60px; } .ri-inspector-jumps { padding-top:8px; padding-bottom:8px; } }
@keyframes ri-inspector-enter { from { opacity:0; transform:translateX(14px); } to { opacity:1; transform:translateX(0); } }
@media(prefers-reduced-motion:reduce) { .ri-inspector { animation:none; } .ri-inspector button { transition:none; } }