:root{--xp-accent:var(--ds-color-text-primary);--xp-line:var(--ds-color-border-default);--xp-surface:var(--ds-color-background-surface);--xp-subtle:var(--ds-color-background-surface-secondary);--xp-muted:var(--ds-color-text-secondary)}
.xp-demo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--xp-subtle);border-bottom:1px solid var(--xp-line);padding:8px 26px;font-size:11px;color:var(--xp-muted)}.xp-demo b{color:var(--ds-color-text-primary)}.xp-demo a{font-size:11px;color:inherit}.xp-demo span{display:flex;gap:8px;align-items:center}.xp-demo select{width:auto;min-height:27px;font-size:11px;padding:2px 6px}.xp-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:14px;color:var(--xp-muted);font-size:12px}.xp-breadcrumb a{color:inherit;text-decoration:none}.xp-kicker{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--xp-muted);margin-bottom:5px}.xp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.xp-heading h1{font-size:25px!important;letter-spacing:-.7px}.xp-heading p{margin:5px 0 0;color:var(--xp-muted);font-size:12px}.xp-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--xp-line);border-radius:9px;background:var(--xp-surface);margin:0 0 18px;overflow:hidden}.xp-stat-strip>button{display:block;border:0;border-right:1px solid var(--xp-line);border-radius:0;text-align:left;padding:14px 18px;white-space:normal;background:transparent}.xp-stat-strip>button:last-child{border:0}.xp-stat-strip strong{font-size:25px;letter-spacing:-.7px;display:block;line-height:1.25}.xp-stat-strip span{font-size:11px;color:var(--xp-muted)}.xp-stat-strip small{display:block;font-size:10px;color:var(--xp-muted);margin-top:5px}.xp-tabs{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--xp-line);overflow:auto}.xp-tabs button{border:0;background:transparent;font-size:12px}.xp-tabs button[aria-pressed=true]{background:var(--xp-subtle);box-shadow:inset 0 0 0 1px var(--xp-line);font-weight:600}.xp-tabs .xp-count{margin-left:5px;font-size:10px;padding:1px 5px;border-radius:3px;background:var(--xp-subtle)}.xp-table td{padding:17px 14px}.xp-table th{padding:10px 14px}.xp-table td:first-child{width:100px}.xp-order{color:var(--ds-color-text-primary);font-size:13px;font-weight:650}.xp-table .xp-next{font-size:11px;white-space:normal;min-width:170px;max-width:200px}.xp-progress{height:4px;border-radius:4px;background:var(--xp-line);width:100px;margin-top:7px;overflow:hidden}.xp-progress>i{display:block;background:var(--ds-color-text-primary);height:100%}.xp-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--xp-muted);font-size:11px;border-top:1px solid var(--xp-line)}.xp-note{padding:13px 16px;border:1px solid var(--xp-line);border-left:3px solid var(--ds-color-border-focus);background:var(--xp-surface);border-radius:7px;margin-bottom:16px;font-size:12px;display:flex;gap:12px;align-items:flex-start}.xp-note strong{display:block;margin-bottom:3px}.xp-note p{margin:0;color:var(--xp-muted)}.xp-note svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6}.xp-detail{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:18px;align-items:start}.xp-detail>div{min-width:0}.xp-summary{position:sticky;top:82px}.xp-summary .panel-body{padding:16px}.xp-summary dl{margin:0}.xp-summary dl>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--xp-line)}.xp-summary dt{color:var(--xp-muted);font-size:12px}.xp-summary dd{margin:0;font-size:12px;font-weight:600;text-align:right}.xp-summary .xp-total{font-size:20px;padding-top:14px}.xp-summary button,.xp-summary .btn{width:100%;margin-top:12px}.xp-summary p{font-size:11px;color:var(--xp-muted);line-height:1.6}.xp-steps{display:flex;gap:0;margin-bottom:20px;padding:12px 16px;background:var(--xp-surface);border:1px solid var(--xp-line);border-radius:8px}.xp-steps a{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;color:var(--xp-muted);flex:1}.xp-steps a::after{content:'';height:1px;background:var(--xp-line);margin:0 15px;flex:1}.xp-steps a:last-child::after{display:none}.xp-steps b{display:grid;place-items:center;border:1px solid var(--xp-line);width:23px;height:23px;border-radius:50%;font-size:11px;flex-shrink:0}.xp-steps a[aria-current=step]{color:var(--ds-color-text-primary);font-weight:600}.xp-steps a[aria-current=step] b{background:var(--ds-color-text-primary);color:var(--xp-surface)}.xp-scan{display:flex;gap:10px;align-items:end;padding:16px;border-bottom:1px solid var(--xp-line)}.xp-scan label{flex:1}.xp-scan input{font-size:14px;height:40px}.xp-scan button{height:40px}.xp-line-description{white-space:normal;min-width:180px}.xp-line-description strong{display:block;font-size:12px}.xp-line-description small{display:block;color:var(--xp-muted);margin-top:3px}.xp-found{width:80px!important;text-align:center;font-weight:600}.xp-conference th,.xp-conference td{padding:12px}.xp-conference td{vertical-align:top}.xp-shortage select{min-width:150px;font-size:11px}.xp-shortage input{margin-top:5px;font-size:11px}.xp-item-tag{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--xp-line);border-radius:6px;font-size:10px;background:var(--xp-subtle);font-weight:600;margin-right:8px;float:left}.xp-history{list-style:none;margin:0;padding:0}.xp-history li{position:relative;padding:0 0 16px 18px;border-left:1px solid var(--xp-line);margin-left:4px;color:var(--xp-muted);font-size:11px}.xp-history li:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;background:var(--xp-muted);border-radius:50%}.xp-history strong{display:block;color:var(--ds-color-text-primary);font-weight:500}.xp-history li:last-child{padding-bottom:0;border:0}.xp-box-layout{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:350px}.xp-box-list{padding:12px;border-right:1px solid var(--xp-line);background:var(--xp-subtle)}.xp-box-list button{width:100%;display:block;text-align:left;margin-bottom:8px;padding:12px;white-space:normal;background:var(--xp-surface)}.xp-box-list button[aria-pressed=true]{border-color:var(--ds-color-text-primary);box-shadow:0 0 0 1px var(--ds-color-text-primary)}.xp-box-list small{display:block;color:var(--xp-muted);font-size:10px;margin-top:5px}.xp-box-detail{padding:18px;min-width:0}.xp-box-detail h3{font-size:15px;margin-bottom:4px}.xp-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0}.xp-box-detail table th,.xp-box-detail table td{padding:10px 8px}.xp-box-detail .actions{justify-content:space-between;margin-top:17px}.xp-document{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--xp-line)}.xp-document:last-child{border:0}.xp-document strong{display:block;font-size:12px}.xp-document small{color:var(--xp-muted);font-size:11px}.xp-transport{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xp-transport p{grid-column:1/-1;font-size:11px;color:var(--xp-muted);margin:0}.xp-state{padding:65px 25px;text-align:center}.xp-state h2{font-size:18px;margin-bottom:8px}.xp-state p{color:var(--xp-muted)}.xp-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}.xp-label{background:white;color:#151515;padding:24px;border:2px solid #151515;font-family:Arial,sans-serif}.xp-label-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #151515;padding-bottom:12px}.xp-label img{width:85px}.xp-label-top b{font-size:32px}.xp-label p{margin:14px 0;font-size:13px}.xp-label .barcode{height:35px;background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 5px,#111 5px 6px,#fff 6px 9px);margin:16px 0 5px}.xp-label small{font-size:10px}.xp-confirm{padding:5px 0}.xp-confirm ul{padding-left:20px;line-height:1.9}.xp-confirm .actions{justify-content:flex-end;margin-top:20px}#xp-modal{width:min(580px,95vw);border:1px solid var(--xp-line);border-radius:10px;background:var(--xp-surface);color:var(--ds-color-text-primary);padding:0}#xp-modal::backdrop{background:#0007}#xp-modal header{padding:15px 20px;border-bottom:1px solid var(--xp-line);display:flex;justify-content:space-between;align-items:center}#xp-modal-content{padding:20px}#xp-modal h2{font-size:16px}.xp-mobile-only{display:none}.xp-tab-status{margin-left:auto;color:var(--xp-muted);font-size:11px;white-space:nowrap}.xp-line-focus{box-shadow:inset 3px 0 var(--ds-color-border-focus);background:var(--xp-subtle)!important}.xp-warning-text{color:var(--ds-color-status-warning-foreground)}
@media(min-width:1600px){.hub-content main{max-width:1450px}}@media(max-width:1150px){.xp-detail{grid-template-columns:minmax(0,1fr) 255px}.xp-table td,.xp-table th{padding:12px 10px}.xp-box-layout{grid-template-columns:140px minmax(0,1fr)}}@media(max-width:950px){.xp-detail{grid-template-columns:1fr}.xp-summary{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.xp-summary .panel{margin:0}.xp-heading h1{font-size:22px!important}.xp-stat-strip>button{padding:12px}.xp-demo{padding:8px 18px}}@media(max-width:600px){.xp-heading{align-items:flex-start}.xp-heading h1{font-size:21px!important}.xp-heading>.actions{max-width:135px;justify-content:flex-end}.xp-heading .xp-kicker{font-size:10px}.xp-stat-strip{grid-template-columns:1fr 1fr}.xp-stat-strip>button{border-bottom:1px solid var(--xp-line)}.xp-stat-strip>button:nth-child(2){border-right:0}.xp-stat-strip>button:nth-child(3){border-bottom:0}.xp-stat-strip strong{font-size:22px}.xp-demo{padding:8px 15px;align-items:flex-start;flex-wrap:wrap}.xp-demo>span:first-child{font-size:10px;display:block}.xp-summary{display:block}.xp-summary .panel{margin-bottom:16px}.xp-steps{padding:10px;gap:8px}.xp-steps a{font-size:10px;gap:5px}.xp-steps a::after{display:none}.xp-steps b{width:20px;height:20px}.xp-box-layout{display:block}.xp-box-list{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--xp-line)}.xp-box-list button{min-width:115px;width:auto;margin:0}.xp-dimensions{grid-template-columns:1fr 1fr}.xp-transport{grid-template-columns:1fr}.xp-note{font-size:11px}.xp-tab-status{display:none}.xp-document{align-items:flex-start}.xp-scan{padding:12px;gap:8px}.xp-scan button{padding:6px 10px}.xp-foot{gap:8px;align-items:flex-start}.xp-foot>span:last-child{display:none}.xp-box-detail{padding:14px}.xp-breadcrumb{font-size:11px}.xp-footer-actions{flex-wrap:wrap}}
@media print{body *{visibility:hidden}#xp-modal,#xp-modal *{visibility:visible}#xp-modal{position:absolute;inset:0;width:100%;border:0}#xp-modal header,#xp-modal .actions{display:none}.xp-label{break-inside:avoid}}

.xp-filter-grid{display:grid;grid-template-columns:110px 115px minmax(180px,1fr) 145px 145px 115px auto;gap:10px;padding:14px;align-items:end;border-bottom:1px solid var(--ds-color-border-default)}.xp-filter-grid input,.xp-filter-grid select{width:100%;min-width:0}.xp-read-note{font-size:11px;color:var(--ds-color-text-secondary);padding:8px 14px;border-bottom:1px solid var(--ds-color-border-default)}.xp-dense td,.xp-dense th{white-space:nowrap;padding:7px 10px;font-size:12px;height:38px}.xp-dense th button{display:flex;gap:8px;align-items:center;border:0;background:transparent;font-size:11px;font-weight:600;padding:2px 0;min-height:26px}.xp-dense th button span{display:inline!important}.xp-dense .xp-order-toggle{padding:2px 0;min-height:24px;border:0;background:transparent;font-size:12px;font-weight:600}.xp-dense td span{display:inline}.xp-dense .xp-legal-name{max-width:340px;overflow:hidden;text-overflow:ellipsis}.xp-dense .xp-expand-row>td{white-space:normal;padding:0 14px 14px;background:var(--ds-color-background-surface-secondary)}.xp-expand-row[hidden]{display:none}.xp-pagination{gap:12px;flex-wrap:wrap;padding:12px 14px}.xp-pagination label{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:auto}.xp-pagination select{width:70px}.xp-product-tree{padding-top:12px}.xp-product-tree>p{font-size:11px;margin:0 0 10px}.xp-product summary,.xp-product-columns,.xp-color summary,.xp-color-columns{display:grid;grid-template-columns:130px minmax(220px,1fr) 80px;gap:16px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--ds-color-border-default);font-size:12px;cursor:pointer}.xp-product summary span:first-child:before,.xp-color summary span:first-child:before{content:'▸';display:inline-block;width:18px}.xp-product[open]>summary span:first-child:before,.xp-color[open]>summary span:first-child:before{content:'▾'}.xp-product-columns,.xp-color-columns{cursor:default;font-size:11px;font-weight:600;background:var(--ds-color-background-surface-tertiary)}.xp-color{margin-left:24px}.xp-color-columns{margin-left:24px}.xp-product summary:hover,.xp-color summary:hover{background:var(--ds-color-background-fill-secondary)}.xp-product summary:focus-visible,.xp-color summary:focus-visible{outline:2px solid var(--ds-color-border-focus);outline-offset:-2px}.xp-pivot{width:max-content;min-width:100%;margin-bottom:12px}.xp-pivot td,.xp-pivot th{font-size:11px;padding:7px 12px;text-align:center;white-space:nowrap}.xp-pivot th:first-child{text-align:left;position:sticky;left:0;background:var(--ds-color-background-surface-tertiary)}
@media(max-width:1250px){.xp-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xp-filter-grid .actions{grid-column:1/-1}}@media(max-width:600px){.xp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.xp-filter-grid label:nth-child(3){grid-column:1/-1}.xp-pagination label{margin-left:0}.xp-pagination .actions{width:100%;justify-content:space-between;gap:4px}.xp-pagination .actions button{padding:5px 8px}.xp-pagination .actions span{font-size:10px}.xp-product summary,.xp-product-columns,.xp-color summary,.xp-color-columns{grid-template-columns:100px minmax(150px,1fr) 60px}}

.oc-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;align-items:start}.oc-main,.oc-sidebar{min-width:0}.oc-sidebar{position:sticky;top:16px}.oc-sidebar .panel{margin-bottom:14px}.oc-context{padding:2px 0 14px}.oc-context>span{display:block;color:var(--ds-color-text-secondary);font-size:11px;margin-bottom:5px}.oc-context h2{font-size:16px;overflow-wrap:anywhere}.oc-sidebar .facts{display:block}.oc-sidebar .facts>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--ds-color-border-default)}.oc-sidebar .facts dt,.oc-sidebar .facts dd{font-size:12px;margin:0}.oc-sidebar .facts dd{font-weight:600}.oc-sidebar .panel-body>p{font-size:12px;line-height:1.6}.oc-sidebar .panel-title h2{font-size:14px}.oc-main .xp-filter-grid{grid-template-columns:100px 110px minmax(150px,1fr);gap:10px;padding:12px}.oc-main .xp-filter-grid label:nth-child(4),.oc-main .xp-filter-grid label:nth-child(5){width:145px}.oc-main .xp-filter-grid .actions{grid-column:auto;justify-content:flex-end;align-self:end}.oc-main .xp-dense{min-width:770px}.oc-main .xp-dense .xp-legal-name{max-width:230px}.xp-select-order,.xp-select-client{border:0;background:transparent!important;padding:0!important;min-height:24px!important;font-size:12px!important;white-space:nowrap;text-align:left}.xp-select-client{max-width:220px;overflow:hidden;text-overflow:ellipsis;display:block}.xp-select-order{font-weight:600}.xp-dense tr.is-selected>td{background:var(--ds-color-background-selected)}.xp-product summary,.xp-product-columns,.xp-color summary,.xp-color-columns{grid-template-columns:100px minmax(210px,1fr) repeat(3,90px);gap:10px}.oc-drafts{margin-top:14px}.oc-drafts>summary{padding:12px;cursor:pointer;font-weight:600}
@media(max-width:1150px){.oc-layout{grid-template-columns:minmax(0,1fr)}.oc-sidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oc-context{grid-column:1/-1}.oc-sidebar .panel{margin:0}.oc-main .xp-filter-grid label:nth-child(4),.oc-main .xp-filter-grid label:nth-child(5){width:100%}}
@media(max-width:600px){.oc-main .xp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-main .xp-filter-grid label:nth-child(3){grid-column:1/-1}.oc-main .xp-filter-grid .actions{grid-column:1/-1;justify-content:flex-start}.oc-sidebar{display:block}.oc-sidebar .panel{margin-bottom:12px}}

.oc-main .xp-filter-grid{grid-template-columns:145px 145px minmax(150px,1fr)}.oc-main .xp-filter-grid label:nth-child(4),.oc-main .xp-filter-grid label:nth-child(5){width:100%}@media(max-width:600px){.oc-main .xp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.oc-main .xp-filter-grid label:nth-child(3){max-width:320px}@media(max-width:600px){.oc-main .xp-filter-grid label:nth-child(3){max-width:none}}