/* Scoped Orders Administration V4 detail and native modal. */
.ov4{--ov4-line:#244454;--ov4-muted:#a1b7c5;color:#e9f5fa;background:#081721;border:1px solid var(--ov4-line);border-radius:22px;overflow:hidden;margin:0 0 28px;min-width:0;box-shadow:0 20px 60px #0003}
.ov4 *,.ov4-dialog *{box-sizing:border-box}
.ov4-hero{display:flex;justify-content:space-between;gap:28px;padding:32px;background:radial-gradient(ellipse at 100% 0,#12526a80,transparent 65%),#0a202d;border-bottom:1px solid var(--ov4-line)}
.ov4-eyebrow{display:block;color:#76d7ec;font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.ov4 h2{font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 8px;overflow-wrap:anywhere}
.ov4-hero p{font-size:16px;color:#deebf1;margin:0 0 15px}
.ov4-hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--ov4-muted)}
.ov4-summary{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
.ov4-summary>strong{font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ov4-status{color:#a7eff1;border:1px solid #27757e;background:#14434e66;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:700}
.ov4 .btn,.ov4-dialog .btn{min-height:40px;border:1px solid #377080;border-radius:9px;background:#0b2632;color:#e4f8ff;font:700 12px/1.4 inherit;padding:10px 14px;cursor:pointer;white-space:normal}
.ov4 .btn:hover,.ov4-dialog .btn:hover{background:#154250;border-color:#5acfe5}
.ov4-dialog .btn.primary{background:#61d9eb;border-color:#61d9eb;color:#05202a}
.ov4 :focus-visible,.ov4-dialog :focus-visible{outline:2px solid #76e7f4;outline-offset:3px}
.ov4-nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 28px;border-bottom:1px solid var(--ov4-line);background:#0a1c28}
.ov4-nav a{font-size:12px;color:#b5d0dd;text-decoration:none;border-radius:7px;padding:7px 9px}
.ov4-nav a:hover{background:#173747;color:#fff}
.ov4-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;padding:24px}
.ov4-main,.ov4-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.ov4-section{background:#0c1f2a;border:1px solid var(--ov4-line);border-radius:14px;padding:22px;min-width:0;scroll-margin-top:24px}
.ov4-section>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 19px}
.ov4-section h3{margin:0;color:#e9f6fc;font-size:15px;line-height:1.35;letter-spacing:.005em}
.ov4-section .ov4-edit{font-size:11px;min-height:34px;padding:6px 11px}
.ov4-lock{font-size:10px;color:#a4b8c4;white-space:nowrap}
.ov4-muted,.ov4-instructions{font-size:12px;line-height:1.65;color:var(--ov4-muted);margin:15px 0 0}
.ov4-product{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--ov4-line);font-size:13px}
.ov4-product:first-of-type{padding-top:0}.ov4-product:last-of-type{margin-bottom:12px}
.ov4-product>div{display:flex;flex-direction:column;gap:7px;min-width:0;overflow-wrap:anywhere}
.ov4-product>div:last-child{text-align:right;flex-shrink:0}.ov4-product span,.ov4-product small{color:#adc3ce;font-size:11px}
.ov4-facts{margin:0;display:grid;gap:13px;font-size:12px}
.ov4-facts>div{display:flex;justify-content:space-between;gap:16px}
.ov4-facts dt{color:var(--ov4-muted);font-weight:400;flex:1}
.ov4-facts dd{margin:0;text-align:right;max-width:62%;overflow-wrap:anywhere;color:#e2f1f6;line-height:1.45}
.ov4-side .ov4-facts>div{display:block}.ov4-side .ov4-facts dt{margin-bottom:5px}.ov4-side .ov4-facts dd{max-width:100%;text-align:left}
.ov4-address{display:grid;gap:5px;font-size:13px;font-style:normal;line-height:1.5}
.ov4-link{display:inline-block;margin-top:17px;color:#85e1f0;font-size:12px}
.ov4-message{border-left:2px solid #3cabb9;padding:1px 0 1px 13px;margin:0 0 18px}
.ov4-message:last-child{margin-bottom:0}.ov4-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;margin:0 0 8px}
.ov4-message small{color:var(--ov4-muted);font-size:10px;line-height:1.5}
#ov4-note .ov4-message{border-color:#9983c6}
.ov4-history{margin:0 24px 24px}.ov4-history>header>span{font-size:11px;color:var(--ov4-muted)}
.ov4-history>ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.ov4-history>ol>li{padding:17px 0;border-top:1px solid var(--ov4-line);font-size:12px;overflow-wrap:anywhere}
.ov4-history-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}
.ov4-history time,.ov4-history small{color:var(--ov4-muted);font-size:11px}
.ov4-changes{padding:0;margin:12px 0 0;list-style:none;display:grid;gap:8px}
.ov4-changes li{display:grid;grid-template-columns:135px minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:11px;line-height:1.55}
.ov4-changes b{text-transform:capitalize;font-weight:500;color:#a9cedb}.ov4-changes span{white-space:pre-wrap}
.ov4-notice{display:none}.ov4-notice.is-visible,.ov4-readonly{display:block;padding:13px 28px;font-size:12px;color:#b5f2d9;background:#0f3b34;border-bottom:1px solid #296255}
.ov4-readonly{background:#293222;color:#e0e6ba}
.ov4-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:#e7f5fb;background:#0c202d;border:1px solid #376171;border-radius:19px;padding:0;box-shadow:0 32px 120px #000b}
.ov4-dialog::backdrop{background:#020a13ba;backdrop-filter:blur(4px)}
.ov4-dialog form>header{position:relative;padding:25px 28px 22px;border-bottom:1px solid #294653;padding-right:60px}
.ov4-dialog h2{font-size:22px;line-height:1.3;margin:9px 0 0;letter-spacing:-.02em}
.ov4-close{position:absolute;right:20px;top:21px;border:0;border-radius:7px;background:#1a3442;color:#ddf7ff;cursor:pointer;width:34px;height:34px;font-size:23px}
.ov4-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:25px 28px}
.ov4-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c4dce7;min-width:0}
.ov4-wide,.ov4-fields>.ov4-muted{grid-column:1/-1}
.ov4-fields input,.ov4-fields select,.ov4-fields textarea{font:inherit;line-height:1.5;border:1px solid #3b6275;border-radius:8px;background:#071722;color:#f3fbff;width:100%;padding:10px 12px;min-height:43px;min-width:0}
.ov4-fields textarea{resize:vertical;max-height:300px}
.ov4-fields input:disabled{background:#192a35;color:#95abb9;border-color:#334854}
.ov4-fields fieldset{margin:0;padding:12px 15px;border:1px solid #2b4a5b;border-radius:10px;min-width:0}
.ov4-fields fieldset>.ov4-fields{padding:8px 0}.ov4-fields legend{color:#c7e4ef;font-size:12px;padding:0 7px}
.ov4-fields>.ov4-muted{color:#a6bfcd;font-size:12px;line-height:1.6;margin:0}
.ov4-dialog footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #294653;background:#0a1b27;position:sticky;bottom:0}
.ov4-dialog button:disabled{opacity:.6;cursor:wait}
.ov4-error{color:#ffc5bd;background:#482626;border:1px solid #86504d;border-radius:8px;margin:0 28px 20px;padding:12px;font-size:12px;line-height:1.6}
@media(max-width:1000px){.ov4-grid{grid-template-columns:1fr}.ov4-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ov4-hero{padding:26px}.ov4-side .ov4-section{height:100%}}
@media(max-width:560px){.ov4{border-radius:15px}.ov4-hero{flex-direction:column;padding:22px;gap:22px}.ov4-summary{align-items:flex-start;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%}.ov4-summary>strong{font-size:25px}.ov4-summary>.btn{grid-column:1/-1;justify-self:start}.ov4-nav{padding:12px;gap:2px}.ov4-nav a{font-size:11px}.ov4-grid{padding:12px;gap:12px}.ov4-main,.ov4-side{display:flex;gap:12px}.ov4-section{padding:18px;border-radius:11px}.ov4-history{margin:0 12px 12px}.ov4-history-head{flex-direction:column;gap:7px}.ov4-changes li{grid-template-columns:1fr;gap:4px}.ov4-changes li+li{margin-top:8px}.ov4-facts>div{gap:10px}.ov4-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.ov4-dialog form>header{padding:23px 20px;padding-right:55px}.ov4-fields{grid-template-columns:1fr;padding:22px 20px;gap:16px}.ov4-dialog footer{padding:16px 20px}.ov4-error{margin-inline:20px}.ov4-summary .ov4-status{font-size:10px}.ov4-hero-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ov4 *,.ov4-dialog *{scroll-behavior:auto!important}}
#cx-admin-detail,.ov4{scroll-margin-top:80px}
.ov4-section{scroll-margin-top:80px}