@import url('./workspace-shell.css?v=20261021-continuous-1');
@import url('./customers-workspace.css?v=20261020-customers-columns-3');
@import url('./premium-wfs.css?v=20261020-history-alignment-1');
@import url('./premium-orders.css?v=20261020-order-minimal-1');
/* Shared earlier presentation is retained for ?design=clear rollback. */
@import url('./clear-design.css?v=20261018-5');
@import url('./premium-catalog.css?v=20261019-catalog-2');

.cv-design-select { display: none; border: 1px solid #D9DDE8; border-radius: 7px; padding: 7px 9px; background: #fff; color: #5A6078; font: 500 11px var(--f-body); max-width: 145px; }
body.has-side .cv-design-select { display: inline-block; }

/* Shared visual tokens keep the existing product, order, and purchasing forms consistent. */
html[data-cv-premium] body.has-side .hcard { border-color: #E4E7F0; border-radius: 10px; box-shadow: none; }
html[data-cv-premium] body.has-side .btn:not(.big) { border-radius: 7px; font-size: 12px; }
html[data-cv-premium] body.has-side .pgh h2 { font-size: 24px; font-weight: 600; }

/* The menu width drives the workspace and full-page sheets together. */
@media (min-width: 701px) {
  html[data-cv-premium] body.has-side { --sw: 220px; }
  html[data-cv-premium] body.has-side.side-mini { --sw: 56px; }
  html[data-cv-premium] body.has-side.side-mini.cv-navigation-open { --sw: 220px; }
  html[data-cv-premium] body.has-side #side,
  html[data-cv-premium] body.has-side.side-mini #side:hover { width: var(--sw) !important; box-shadow: none !important; transition: width .18s ease; }
  html[data-cv-premium] body.has-side main { margin-left: var(--sw); padding-inline: 26px; transition: margin-left .18s ease; }
  html[data-cv-premium] body.has-side #layer.aspage .sheet { left: var(--sw) !important; }
  html[data-cv-premium] body.has-side .bar-in { min-height: 53px; padding: 6px 16px; }
  html[data-cv-premium] body.has-side .side-tg { width: 30px; height: 30px; font-size: 16px; }
  html[data-cv-premium] body.has-side .brand .cv-mark { width: 27px; height: 27px; }
  html[data-cv-premium] body.has-side .brand h1 { font-size: 19px; }
  html[data-cv-premium] body.has-side .brand small { display: none; }
  html[data-cv-premium] #side .si, html[data-cv-premium] #side .si.sub { font-size: 12px; padding: 9px 10px !important; }
  html[data-cv-premium] #side .sg-h { font-size: 11px; letter-spacing: 0; text-transform: none; padding: 10px !important; font-weight: 500; }
  html[data-cv-premium] #side .si-i { width: 21px; }
  html[data-cv-premium] #side .si-i .ico { width: 17px; height: 17px; }
  html[data-cv-premium] #side .si.sub { padding-left: 20px !important; }
  html[data-cv-premium] #side .si.sub2 { padding-left: 35px !important; }
  html[data-cv-premium] #side .si.on, html[data-cv-premium] #side .sg-h.on { font-weight: 500; }
}


/* A collapsed rail contains only primary destinations. Child indentation and
   invisible labels must never consume space or leak dots along its edge. */
@media (min-width: 701px) {
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side .si.sub,
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side .sg2,
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side .si-l,
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side .sg-c,
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side .sg2-c { display: none !important; }
  html[data-cv-premium] body.has-side #side { padding-inline: 0 !important; }
  html[data-cv-premium] body.has-side #side nav { padding-inline: 8px; }
  html[data-cv-premium] body.has-side #side nav > .si,
  html[data-cv-premium] body.has-side #side .sg > .sg-h { min-height: 40px; margin-inline: 0; width: 100%; gap: 10px; }
  html[data-cv-premium] body.has-side #side .si-i { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 21px; margin: 0; }
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side nav > .si,
  html[data-cv-premium] body.has-side.side-mini:not(.cv-navigation-open) #side .sg > .sg-h {
    justify-content: center !important; padding: 10px 0 !important; gap: 0;
  }
  html[data-cv-premium] body.has-side #side .sg:not(.closed) > .si.sub,
  html[data-cv-premium] body.has-side #side .sg2:not(.closed) { animation: cv-menu-reveal .16s ease-out; }
}
@keyframes cv-menu-reveal { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  html[data-cv-premium] body.has-side #side *, html[data-cv-premium] body.has-side #side,
  html[data-cv-premium] body.has-side main { animation: none !important; transition: none !important; }
}

html[data-cv-premium] .cv-dashboard [hidden] { display: none !important; }
html[data-cv-premium] .cv-dashboard.cv-premium-workspace { display: block; }
html[data-cv-premium] .cv-dashboard-main > .ov-h { margin-bottom: 22px; }
html[data-cv-premium] .cv-dashboard .ov-t,
html[data-cv-premium] .cv-dashboard .wmd-h h2 { font-size: 24px; font-weight: 600; letter-spacing: -.035em; }
html[data-cv-premium] .cv-dashboard .hcard,
html[data-cv-premium] .cv-dashboard .ov-k,
html[data-cv-premium] .cv-dashboard .cv-dashboard-kpi,
html[data-cv-premium] .cv-dashboard .wmd-k { border-radius: 10px; background: #fff; border: 1px solid #E4E7F0; box-shadow: none; }
html[data-cv-premium] .cv-dashboard .ov-k4,
html[data-cv-premium] .cv-dashboard .cv-dashboard-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
html[data-cv-premium] .cv-dashboard .ov-k { padding: 17px 15px; }
html[data-cv-premium] .cv-dashboard .ov-kv { font-size: clamp(23px, 2vw, 30px); }
html[data-cv-premium] .cv-dashboard .ov-ks { font-size: 11px; }
html[data-cv-premium] .cv-dashboard .ov-c { padding: 20px; }
html[data-cv-premium] .cv-dashboard .ov-bars { height: 205px; }
html[data-cv-premium] .cv-dashboard .ov-mtb { opacity: .8; height: 4px; }
html[data-cv-premium] .cv-dashboard .ov-ct { font-family: var(--f-body); font-weight: 600; font-size: 13px; }
html[data-cv-premium] .cv-dashboard-secondary { grid-template-columns: 1fr 1fr; }
.cv-premium-header-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cv-premium-header-actions .btn { font-size: 11px; border-radius: 7px; padding: 8px 11px; }
.cv-premium-header-actions .ov-per { border-radius: 7px; }
.cv-premium-header-actions .ov-per button { font-size: 11px; font-weight: 500; border-radius: 5px; padding: 7px 9px; }

.cv-premium-priorities { border: 1px solid #ECD9D4; border-radius: 10px; background: #FFFAF8; margin: 0 0 20px; }
.cv-premium-priorities > summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 17px; cursor: pointer; list-style: none; }
.cv-premium-priorities > summary::-webkit-details-marker { display: none; }
.cv-premium-priority-labels { display: flex; flex-direction: column; gap: 3px; }
.cv-premium-priority-labels strong { color: #0E1430; font-size: 12px; font-weight: 600; }
.cv-premium-priority-labels > span { color: #805E55; font-size: 11px; }
.cv-premium-review { color: #4A3AE0; font-size: 11px; white-space: nowrap; }
.cv-premium-priorities .hcard { border: 0 !important; background: transparent !important; margin: 0 !important; }
.cv-premium-priorities .ov-ch { display: none; }
.cv-premium-priorities .ov-ops { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.cv-premium-priorities .ov-op { grid-template-columns: minmax(0, 1fr) auto; padding: 12px 0; }
.cv-premium-priorities .ov-oi { display: none; }
.cv-premium-priorities .ov-ol b { font-size: 12px; }
.cv-premium-priorities .ov-ol span { font-size: 11px; }
.cv-premium-priorities .ov-ov { font-size: 17px; }
.cv-premium-priorities .ov-tiles { display: flex; flex-wrap: wrap; gap: 10px; }
.cv-premium-priorities .htile { border: 1px solid #E4E7F0; border-radius: 7px; padding: 9px 11px !important; flex-direction: row; font-size: 11px !important; }
.cv-premium-priorities .ht-i { width: 20px !important; height: 20px !important; background: transparent !important; }
.cv-premium-priorities .ht-i .ico { width: 16px; height: 16px; }

.cv-premium-tabs { display: flex; gap: 25px; border-bottom: 1px solid #DDE1EC; margin: 0 0 20px; flex-wrap: wrap; }
.cv-premium-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; color: #646B83; padding: 8px 0 12px; font: 500 12px var(--f-body); cursor: pointer; }
.cv-premium-tabs button[aria-selected="true"] { border-bottom-color: #5B4BF5; color: #0E1430; font-weight: 600; }
.cv-premium-tabpanel { min-width: 0; }
.cv-premium-sales-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; flex-wrap: wrap; }
.cv-premium-sales-toolbar .wd-chf { margin: 0; font-size: 11px; }
.cv-premium-sales-toolbar select { margin-left: auto; }
.cv-premium-sales-toolbar select, .cv-premium-table-toolbar select,
.cv-premium-table-toolbar input { border: 1px solid #DDE1EC; border-radius: 7px; padding: 8px 10px; background: #fff; color: #0E1430; font: 400 12px var(--f-body); min-width: 0; max-width: 100%; }
.cv-premium-table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.cv-premium-table-toolbar input { width: min(320px, 100%); }
.cv-premium-filter-note { font-size: 11px; margin: 0 0 18px; }
.cv-premium-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; }
.cv-premium-panel-heading h3 { margin: 0; font: 600 13px var(--f-body); }
.cv-premium-panel-heading .btn { font-size: 11px; border-radius: 7px; }
html[data-cv-premium] .cv-dashboard .cv-dashboard-activity { grid-template-columns: 1.45fr 1fr; }
html[data-cv-premium] .cv-dashboard .cv-dashboard-detail-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-cv-premium] .cv-dashboard .cv-dashboard-kpis.cv-premium-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-cv-premium] .cv-dashboard .cv-premium-pair .cv-dashboard-kpi { max-width: none; }
html[data-cv-premium] .cv-dashboard .wd-k > b { font-size: clamp(20px, 1.9vw, 29px); }
html[data-cv-premium] .cv-dashboard .cv-dashboard-detail-grid .wd-k > b { font-size: clamp(17px, 1.5vw, 23px); }
html[data-cv-premium] .cv-dashboard .wd-ch .chart svg { height: 205px; }
html[data-cv-premium] .cv-dashboard .wd-2 { gap: 18px; }
html[data-cv-premium] .cv-dashboard .wd-t { padding: 20px !important; }
html[data-cv-premium] .cv-dashboard .wd-tb { font-size: 12px; }
html[data-cv-premium] .cv-dashboard .wd-tb th { background: #fff; font-weight: 500; color: #646B83; }
html[data-cv-premium] .cv-dashboard .wd-t tbody tr:has([data-whp]),
html[data-cv-premium] .cv-dashboard .wd-t tbody tr:has([data-whpo]) { cursor: pointer; }
html[data-cv-premium] .cv-dashboard .wd-t tbody tr:hover { background: #FAFAFD; }
.cv-premium-extra { margin: 0 0 18px; }
.cv-premium-extra > summary, .cv-premium-methodology > summary { padding: 10px 0; font: 500 12px var(--f-body); color: #5A6078; cursor: pointer; }
.cv-premium-extra[open] > summary { margin-bottom: 10px; }
.cv-premium-methodology { margin-top: 20px; font-size: 11px; color: #646B83; }

html[data-cv-premium] .cv-dashboard .wmd { gap: 20px; }
html[data-cv-premium] .cv-dashboard .wmd-h { margin: 0 0 22px; flex-wrap: wrap; }
html[data-cv-premium] .cv-dashboard .wmd-ks4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
html[data-cv-premium] .cv-dashboard .wmd-k { padding: 17px 15px; }
html[data-cv-premium] .cv-dashboard .wmd-kl { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 12px; }
html[data-cv-premium] .cv-dashboard .wmd-kv { font-size: clamp(23px, 2vw, 29px); font-weight: 600; }
html[data-cv-premium] .cv-dashboard .wmd-ks { font-size: 11px; }
html[data-cv-premium] .cv-dashboard .wmd-g { grid-template-columns: 1fr; }
html[data-cv-premium] .cv-dashboard .wmd-main,
html[data-cv-premium] .cv-dashboard .wmd-top10 { padding: 20px !important; }
html[data-cv-premium] .cv-dashboard .wmd-ch { gap: 16px; }
html[data-cv-premium] .cv-dashboard .wmd-ch .cc { border: 0; padding: 10px 0; }
html[data-cv-premium] .cv-dashboard .wmd-ch .cc-h { font-size: 12px; font-weight: 500; }
.cv-premium-walmart-priority { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 17px; margin: 0 0 20px; border: 1px solid #ECD9D4; background: #FFFAF8; border-radius: 10px; font-size: 12px; }
.cv-premium-walmart-priority .lnk { font-size: 11px; }

@media (max-width: 1100px) {
  html[data-cv-premium] .cv-dashboard .ov-k4,
  html[data-cv-premium] .cv-dashboard .cv-dashboard-kpis,
  html[data-cv-premium] .cv-dashboard .wmd-ks4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-cv-premium] .cv-dashboard .cv-dashboard-activity,
  html[data-cv-premium] .cv-dashboard-secondary { grid-template-columns: 1fr; }
  html[data-cv-premium] .cv-dashboard .cv-dashboard-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 701px) and (max-width: 900px) {
  html[data-cv-premium] body.has-side .bar-in { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 700px) {
  .cv-premium-header-actions { width: 100%; }
  .cv-premium-header-actions .ov-per { width: auto; flex: 1; }
  .cv-premium-tabs { gap: 20px; }
  .cv-premium-priorities > summary { align-items: flex-start; padding: 13px; flex-wrap: wrap; }
  .cv-premium-priorities .ov-ops { grid-template-columns: 1fr; }
  .cv-premium-table-toolbar input, .cv-premium-table-toolbar select { width: 100%; }
  html[data-cv-premium] .cv-dashboard .wmd-ch { grid-template-columns: 1fr; }
  html[data-cv-premium] .cv-dashboard .wmd-mix { margin-left: 0; flex-wrap: wrap; }
  html[data-cv-premium] .cv-dashboard .wmd-top10 { overflow-x: auto; }
  html[data-cv-premium] .cv-dashboard .wmd-top10 .ttab { min-width: 500px; }
  html[data-cv-premium] .cv-dashboard .wd-rp { min-width: 0; }
}
@media (max-width: 380px) {
  html[data-cv-premium] .cv-dashboard .ov-kv,
  html[data-cv-premium] .cv-dashboard .wd-k > b { font-size: 19px; }
  html[data-cv-premium] .cv-dashboard .cv-dashboard-detail-grid .wd-k > b { font-size: 17px; }
}
@media (pointer: coarse) {
  .cv-premium-tabs button, .cv-premium-panel-heading .btn, .cv-design-select { min-height: 44px; }
  .cv-premium-table-toolbar input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-cv-premium] body.has-side main,
  html[data-cv-premium] body.has-side #side { transition: none !important; }
}

/* Keep the two Walmart reports together without stretching their columns. */
html[data-cv-premium] .cv-walmart-tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
html[data-cv-premium] .cv-walmart-tables > .hcard{min-width:0;width:100%;margin:0;box-sizing:border-box}
html[data-cv-premium] .cv-walmart-tables .wmd-top10{overflow-x:auto}
html[data-cv-premium] .cv-walmart-tables .ttab{min-width:480px;table-layout:auto;width:100%}
html[data-cv-premium] .cv-walmart-tables .ttab td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
html[data-cv-premium] .cv-walmart-tables .rk-wrap{max-width:100%;overflow-x:auto}
html[data-cv-premium] .cv-walmart-tables .ml-tb{min-width:820px}
html[data-cv-premium] .cv-walmart-tables .ml-k{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-cv-premium] .cv-walmart-tables .ml-k > div{min-width:0}
@media(max-width:1199px){html[data-cv-premium] .cv-walmart-tables{grid-template-columns:minmax(0,1fr)}}

/* Customers follows the same centered desktop canvas and compact data table as Walmart. */
html[data-cv-premium] body[data-pg=customers] #pageView{width:100%;max-width:2000px;margin-inline:auto!important;padding:16px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#253247;font-size:13px}
html[data-cv-premium] body[data-pg=customers] #pageView :is(h2,button,input,select,th,td,a){font-family:Arial,Helvetica,sans-serif!important}
html[data-cv-premium] body[data-pg=customers] #pageView .pgh{margin:0 0 18px;align-items:center;gap:12px}
html[data-cv-premium] body[data-pg=customers] #pageView .pgh h2{font-size:25px;line-height:1.25;letter-spacing:-.5px;font-weight:700}
html[data-cv-premium] body[data-pg=customers] #pageView .wmo-f{padding:14px;margin:0 0 12px;gap:12px;border:1px solid #d8dfeb;border-radius:10px;box-shadow:none;grid-template-columns:minmax(0,1fr) 190px!important}
html[data-cv-premium] body[data-pg=customers] #pageView .wmo-f :is(input,select){min-width:0;height:38px;font-size:13px;border:1px solid #d8dfeb;border-radius:6px;padding:8px 11px;background:white}
html[data-cv-premium] body[data-pg=customers] #pageView .wmo-sum{font-size:13px;color:#596579;padding:0 2px 14px!important}
html[data-cv-premium] body[data-pg=customers] #pageView .bl-t{width:100%;max-width:100%;max-height:calc(100dvh - 260px)!important;overflow:auto;border:1px solid #d8dfeb;border-radius:10px;background:#fff;box-sizing:border-box}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t{width:100%;min-width:1080px;table-layout:fixed;border-collapse:collapse;margin:0;font-size:13px}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t th{position:sticky;top:0;z-index:2;background:#f3f4fa;color:#4a5a70;padding:10px 12px;font-size:12px;line-height:1.45;font-weight:600;text-align:center;text-transform:none;letter-spacing:0;border-bottom:1px solid #d8dfeb}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t td{padding:10px 12px;font-size:13px;line-height:1.45;vertical-align:middle;text-align:center;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #edf0f6;color:#344258}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(1){width:8%}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(2){width:12%}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(3){width:20%}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(4){width:14%}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(5){width:14%}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(6){width:16%}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t td:is(:nth-child(3),:nth-child(7)){text-align:left}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t td:nth-child(3) a{font-weight:600;color:#5946d8;text-decoration:none;line-height:1.45}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t td:nth-child(3) a:hover{text-decoration:underline}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t tr[data-supopen]{cursor:pointer}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t tbody tr:hover{background:#f7f5ff}
html[data-cv-premium] body[data-pg=customers] #pageView .po-t tbody tr:last-child td{border-bottom:0}
@media(max-width:700px){html[data-cv-premium] body[data-pg=customers] #pageView{padding:12px 8px}html[data-cv-premium] body[data-pg=customers] #pageView .pgh{flex-wrap:wrap}html[data-cv-premium] body[data-pg=customers] #pageView .wmo-f{grid-template-columns:minmax(0,1fr)!important;padding:12px}html[data-cv-premium] body[data-pg=customers] #pageView .bl-t{max-height:65dvh!important}}

html[data-cv-premium] body[data-pg=customers] #pageView .po-t :is(th,td):nth-child(7){width:16%}

/* Sales list and native order detail share the Walmart workspace canvas. */
html[data-cv-premium] body[data-pg=salesorders] #pageView{width:100%!important;max-width:var(--cv-walmart-width,2000px)!important;margin-inline:auto!important;padding:16px!important;box-sizing:border-box;font:13px/1.45 Arial,Helvetica,sans-serif;color:#253247}
html[data-cv-premium] body[data-pg=salesorders] #pageView :is(button,input,select,textarea,table,h2,h3){font-family:Arial,Helvetica,sans-serif!important}
html[data-cv-premium] body[data-pg=salesorders] #pageView>.pgh{margin-bottom:18px}
html[data-cv-premium] body[data-pg=salesorders] #pageView>.pgh h2{font-size:25px;line-height:1.25;letter-spacing:-.5px}
html[data-cv-premium] body[data-pg=salesorders] #pageView .so-f{grid-template-columns:minmax(220px,1fr) 260px 170px 190px!important;gap:12px;padding:14px!important}
html[data-cv-premium] body[data-pg=salesorders] #pageView .so-f :is(input,select){width:100%;min-width:0;font-size:13px;height:38px}
html[data-cv-premium] body[data-pg=salesorders] #pageView :is(.wfs-t,.bl-t){max-width:100%;box-sizing:border-box;overflow-x:auto}
html[data-cv-premium] body[data-pg=salesorders] #pageView .so-t{width:100%;margin:0;font-size:13px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc{width:100%;max-width:100%;margin:0;min-width:0}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .fh{flex-wrap:wrap;gap:14px;margin-bottom:14px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .fh-l{min-width:0;flex:1 1 450px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .fh-l h2{font-size:22px;line-height:1.4;overflow-wrap:anywhere}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .fh-r{justify-content:flex-end;gap:8px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .fl{grid-template-columns:minmax(0,1fr) 280px;gap:20px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .po-main{min-width:0}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .sf-c{min-width:0;overflow-wrap:anywhere}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .sf-n .sf-c{min-height:100px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .sf-n textarea{min-height:86px}
html[data-cv-premium] body[data-pg=salesorders] #soDoc .fs-b{padding:16px;border-color:#d8dfeb;border-radius:10px;background:#fff;box-shadow:none}
html[data-cv-premium] body[data-pg=salesorders] #soDoc :is(.fs-kv,.fs-sl,.fs-hist){font-size:13px}
@media(max-width:1200px){html[data-cv-premium] body[data-pg=salesorders] #pageView .so-f{grid-template-columns:minmax(0,1fr) 220px!important}html[data-cv-premium] body[data-pg=salesorders] #soDoc .fl{grid-template-columns:minmax(0,1fr)}html[data-cv-premium] body[data-pg=salesorders] #soDoc .fs{position:static}}
@media(max-width:700px){html[data-cv-premium] body[data-pg=salesorders] #pageView{padding:12px!important}html[data-cv-premium] body[data-pg=salesorders] #pageView .so-f{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-cv-premium] body[data-pg=salesorders] #pageView .so-f #soQ{grid-column:1/-1}html[data-cv-premium] body[data-pg=salesorders] #soDoc .fh-l{flex-basis:100%}html[data-cv-premium] body[data-pg=salesorders] #soDoc .fh-r{justify-content:flex-start}}