/* Rotina360 R339 — redesign fiel ao mockup aprovado da Separação E-commerce.
   Somente apresentação/ergonomia: regras de negócio, RPCs, filtros e eventos permanecem intactos. */

.page:has(.ecommerce-picking-page){
  --r339-ink:#10233f;
  --r339-muted:#64748b;
  --r339-blue:#1463f3;
  --r339-blue-strong:#0f56df;
  --r339-blue-soft:#eef5ff;
  --r339-green:#159447;
  --r339-green-soft:#ecfdf3;
  --r339-orange:#d95f02;
  --r339-red:#e5484d;
  --r339-border:#d9e3ef;
  --r339-border-strong:#cbd8e8;
  --r339-surface:#ffffff;
  --r339-surface-soft:#f8fbff;
  --r339-shadow:0 8px 24px rgba(33,65,105,.07);
  --r339-radius:15px;
  width:100%!important;
  max-width:1600px!important;
  margin-inline:auto!important;
}

.page:has(.ecommerce-picking-page) .page-header{
  gap:14px!important;
  margin-bottom:15px!important;
}
.page:has(.ecommerce-picking-page) .page-header h1{
  margin:0 0 5px!important;
  color:var(--r339-ink)!important;
  font-size:30px!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
}
.page:has(.ecommerce-picking-page) .page-header p{
  margin:0!important;
  color:#586d89!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.page:has(.ecommerce-picking-page) .page-header>.page-actions{
  width:100%!important;
}

/* Card superior do mockup */
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions{
  display:grid!important;
  grid-template-columns:minmax(230px,.92fr) minmax(390px,1.45fr) minmax(180px,.72fr) minmax(170px,.65fr) minmax(165px,.62fr)!important;
  gap:12px 14px!important;
  align-items:end!important;
  width:100%!important;
  padding:18px 20px 15px!important;
  border:1px solid var(--r339-border)!important;
  border-radius:var(--r339-radius)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:var(--r339-shadow)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector{
  min-width:0!important;
  width:100%!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector:not(.separation-choice){grid-column:1!important;grid-row:1!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector.separation-choice{grid-column:2!important;grid-row:1!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector>span,
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector>label,
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector label>span{
  display:block;
  margin:0 0 6px!important;
  color:#385b8f!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
  font-weight:850!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector select{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 38px 0 13px!important;
  border:1px solid var(--r339-border-strong)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--r339-ink)!important;
  font-size:14px!important;
  font-weight:780!important;
  box-shadow:0 1px 2px rgba(15,23,42,.02)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-selector select:focus{
  border-color:var(--r339-blue)!important;
  box-shadow:0 0 0 3px rgba(20,99,243,.11)!important;
  outline:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 16px!important;
  border:1px solid var(--r339-border-strong)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#173458!important;
  font-size:13px!important;
  font-weight:780!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button:hover{
  border-color:#abc0dd!important;
  background:#f8fbff!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-new{
  grid-column:3!important;
  grid-row:1!important;
  background:linear-gradient(180deg,#1a6cff 0%,#0f58e8 100%)!important;
  border-color:#155eef!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(21,94,239,.18)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-new::before{
  content:'+';
  font-size:24px;
  line-height:1;
  font-weight:400;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-imports{grid-column:4!important;grid-row:1!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-imports::before{content:'⇩';font-size:16px;color:var(--r339-blue)}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-close-day{grid-column:5!important;grid-row:1!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-close-day::before{content:'□';font-size:17px;color:var(--r339-blue)}

/* Segunda linha: Olist / sincronização / Teams agrupados como no mockup */
.page:has(.ecommerce-picking-page) .r339-integrations-row{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(250px,.72fr) minmax(240px,.72fr)!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
.page:has(.ecommerce-picking-page) .r339-integration-block{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid #e0e8f2;
  border-radius:10px;
  background:#fbfdff;
  min-width:0;
}
.page:has(.ecommerce-picking-page) .r339-olist-group{justify-content:flex-start}
.page:has(.ecommerce-picking-page) .r339-sync-group,
.page:has(.ecommerce-picking-page) .r339-teams-group{justify-content:center;padding:0}
.page:has(.ecommerce-picking-page) .r339-olist-group #r360-olist-orders-r315{
  min-height:28px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#1f3b60!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.025em;
}
.page:has(.ecommerce-picking-page) .r339-olist-group #r360-olist-orders-r315>span:first-child{display:none!important}
.page:has(.ecommerce-picking-page) .r339-olist-group #r360-olist-orders-r315 .r332-auto-chip{
  margin-left:8px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#eaf9ef!important;
  border-color:#b7edc8!important;
  color:#16803a!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.page:has(.ecommerce-picking-page) .r339-olist-group #r329-olist-auto-badge{display:none!important}
.page:has(.ecommerce-picking-page) .r339-olist-group #r326-olist-sync-state{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0;
  color:#56708d!important;
  font-size:10px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
.page:has(.ecommerce-picking-page) .r339-olist-group #r326-olist-sync-state::before{
  content:'';
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#22b455;
  box-shadow:0 0 0 3px rgba(34,180,85,.11);
}
.page:has(.ecommerce-picking-page) .r339-sync-group #r326-olist-sync-button,
.page:has(.ecommerce-picking-page) .r339-teams-group #r336-teams-notifications-button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  border:0!important;
  background:transparent!important;
  color:#173458!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:780!important;
  box-shadow:none!important;
  justify-content:center!important;
}
.page:has(.ecommerce-picking-page) .r339-sync-group #r326-olist-sync-button::before{
  content:'↻';
  color:var(--r339-blue);
  font-size:20px;
  margin-right:8px;
  line-height:1;
}
.page:has(.ecommerce-picking-page) .r339-teams-group #r336-teams-notifications-button .r336-dot{
  width:9px!important;
  height:9px!important;
}

/* Layout principal */
.page:has(.ecommerce-picking-page) .ecommerce-picking-page{
  gap:13px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-page>.panel,
.page:has(.ecommerce-picking-page) .ecommerce-picking-list,
.page:has(.ecommerce-picking-page) .ecommerce-order-assembly{
  border:1px solid var(--r339-border)!important;
  border-radius:var(--r339-radius)!important;
  background:#fff!important;
  box-shadow:var(--r339-shadow)!important;
}

/* Status contextual continua disponível, mas leve e secundário */
.page:has(.ecommerce-picking-page) .r321-operation-actions{
  min-height:48px!important;
  padding:8px 13px!important;
  border:1px solid #dbe5f0!important;
  border-left:3px solid var(--r339-blue)!important;
  border-radius:11px!important;
  background:#f9fbff!important;
  box-shadow:none!important;
}
.page:has(.ecommerce-picking-page) .r321-operation-info strong{font-size:12px!important;color:var(--r339-ink)!important}
.page:has(.ecommerce-picking-page) .r321-operation-info small{font-size:9px!important;color:var(--r339-muted)!important}
.page:has(.ecommerce-picking-page) .r321-operation-badge{border-radius:50%!important;background:#e8f1ff!important;color:var(--r339-blue)!important}

/* Resumo: quatro KPIs com ícones, como no mockup */
.page:has(.ecommerce-picking-page) .ecommerce-picking-summary{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:13px 14px 12px!important;
  background:transparent!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-file-info{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto auto!important;
  column-gap:10px!important;
  row-gap:2px!important;
  align-items:center!important;
  padding:0 2px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kicker{
  grid-column:1/-1!important;
  color:var(--r339-blue)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-file-info>strong{
  grid-column:1/-1!important;
  color:var(--r339-ink)!important;
  font-size:14px!important;
  font-weight:850!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-file-info>small{
  grid-column:1/-1!important;
  color:#617791!important;
  font-size:10px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div{
  position:relative!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:14px!important;
  min-height:86px!important;
  padding:12px 16px!important;
  border:1px solid #e3ebf4!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(31,63,102,.045)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div::before{
  grid-column:1!important;
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#2073ff,#0f5ce9)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(20,99,243,.18)!important;
  font-size:23px!important;
  font-weight:750!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div:nth-child(1)::before{content:'◇'}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div:nth-child(2)::before{content:'▣'}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div:nth-child(3)::before{content:'%';font-size:18px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div:nth-child(4)::before{content:'✓'}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis strong{
  grid-column:2!important;
  align-self:end!important;
  color:var(--r339-ink)!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:850!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-kpis span{
  grid-column:2!important;
  align-self:start!important;
  color:#5d728b!important;
  font-size:10px!important;
  line-height:1.25!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-progress{
  height:4px!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#e8edf4!important;
}

/* Stepper de processo */
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:72px!important;
  align-items:center!important;
  min-height:78px!important;
  padding:11px 40px!important;
  border:1px solid var(--r339-border)!important;
  border-radius:var(--r339-radius)!important;
  background:#fff!important;
  box-shadow:var(--r339-shadow)!important;
  overflow:hidden!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs::before{
  content:'';
  position:absolute;
  left:29%;
  right:29%;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,var(--r339-blue) 0 50%,#d9e1ec 50% 100%);
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:54px!important;
  height:54px!important;
  padding:6px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--r339-ink)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button.active,
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button[aria-selected="true"]{background:#fff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button>span{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:50%!important;
  background:#e9eef5!important;
  color:#253850!important;
  font-size:17px!important;
  font-weight:850!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button:first-child>span,
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button.active>span,
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button[aria-selected="true"]>span{
  background:linear-gradient(180deg,#206fff,#115ce6)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(20,99,243,.18)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button strong{color:var(--r339-ink)!important;font-size:14px!important;font-weight:850!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button small{color:#6a7e96!important;font-size:10px!important}

/* Scanner */
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  min-height:112px!important;
  padding:16px 20px!important;
  border:1px solid #dce7f4!important;
  border-radius:var(--r339-radius)!important;
  background:#fff!important;
  box-shadow:var(--r339-shadow)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner-intro,
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner>div:first-child{
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  min-height:68px!important;
  padding-left:78px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner-intro::before,
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner>div:first-child::before{
  content:'▥';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:13px;
  background:#edf5ff;
  color:var(--r339-blue);
  font-size:28px;
  font-weight:750;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner-intro strong,
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner>div:first-child strong{
  color:#31598c!important;
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner-intro small,
.page:has(.ecommerce-picking-page) .ecommerce-picking-scanner>div:first-child small{
  margin-top:5px!important;
  color:#62768f!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row{
  display:grid!important;
  grid-template-columns:minmax(380px,1fr) 115px 140px!important;
  gap:12px!important;
  align-items:end!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scan-field>span,
.page:has(.ecommerce-picking-page) .ecommerce-picking-desktop-piece-count span{
  display:block!important;
  margin-bottom:6px!important;
  color:#355987!important;
  font-size:9px!important;
  letter-spacing:.045em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row input{
  height:58px!important;
  min-height:58px!important;
  padding:0 16px!important;
  border:2px solid var(--r339-blue)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--r339-ink)!important;
  font-size:20px!important;
  font-weight:720!important;
  box-shadow:0 0 0 4px rgba(20,99,243,.10)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row input::placeholder{color:#97a8bd!important;opacity:1!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-desktop-piece-count{
  display:grid!important;
  align-content:center!important;
  height:58px!important;
  min-height:58px!important;
  padding:7px 12px!important;
  border:1px solid #cfdcec!important;
  border-radius:10px!important;
  background:#f8fbff!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-desktop-piece-count strong{
  color:var(--r339-ink)!important;
  font-size:18px!important;
  line-height:1!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row>button{
  width:140px!important;
  height:58px!important;
  min-height:58px!important;
  border:1px solid var(--r339-blue)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#2070ff,#125be7)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  box-shadow:0 7px 16px rgba(20,99,243,.18)!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row>button::before{content:'▣';margin-right:7px;font-size:16px}

/* Roteiro */
.page:has(.ecommerce-picking-page) .ecommerce-picking-list{
  display:grid!important;
  gap:13px!important;
  padding:17px 18px 16px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-list>header{
  display:grid!important;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.65fr)!important;
  gap:22px!important;
  align-items:end!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-list h2{
  margin:0 0 4px!important;
  color:var(--r339-ink)!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:850!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-list p{
  margin:0!important;
  color:#667a91!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-filters{
  display:grid!important;
  grid-template-columns:minmax(300px,1.5fr) minmax(165px,.65fr) minmax(210px,.76fr) auto!important;
  gap:11px!important;
  align-items:end!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-filters label{gap:4px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-filters label>span{
  color:#3d5f8b!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-filters :is(input,select){
  height:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  border:1px solid #d0dceb!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#203c60!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-filters :is(input,select):focus{
  border-color:#7ba8f8!important;
  box-shadow:0 0 0 3px rgba(20,99,243,.08)!important;
  outline:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-filters>strong{
  align-self:end!important;
  padding:0 0 11px!important;
  color:#71849a!important;
  font-size:9px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table-wrap{
  min-height:0!important;
  max-height:calc(100vh - 360px)!important;
  overflow:auto!important;
  border:1px solid #d9e3ef!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table{
  width:100%!important;
  min-width:1180px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  color:#17314f!important;
  font-size:11px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  height:38px!important;
  padding:8px 10px!important;
  border-bottom:1px solid #d6e0ec!important;
  background:#f1f5fa!important;
  color:#35577f!important;
  font-size:8px!important;
  line-height:1.15!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td{
  height:50px!important;
  padding:7px 10px!important;
  border-bottom:1px solid #e8eef5!important;
  background:#fff!important;
  vertical-align:middle!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:nth-child(even) td{background:#fbfdff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:hover td{background:#f4f8ff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:first-child,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:first-child{width:58px!important;min-width:58px!important;text-align:center!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(2),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(2){left:58px!important;width:118px!important;min-width:118px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(2){color:#1061dd!important;font-weight:850!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(4){color:#183352!important;font-weight:700!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(7){color:#11833a!important;font-weight:850!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(8){color:var(--r339-orange)!important;font-weight:850!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:last-child td{border-bottom:0!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table .status,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table [class*="status"]{
  border-radius:999px!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table button{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table button:not(.danger):not([class*="error"]){border-color:#d5e0ed!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table button.primary,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table button:nth-last-child(2){background:linear-gradient(180deg,#266eff,#1458df)!important;border-color:#155eef!important;color:#fff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table button.danger,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table button:last-child{background:#fff!important;border-color:#ffb4b8!important;color:#d92d35!important}

/* A pequena etiqueta de próximo endereço ganha aparência de badge do mockup. */
.page:has(.ecommerce-picking-page) .ecommerce-picking-table [class*="next"],
.page:has(.ecommerce-picking-page) .ecommerce-picking-table [class*="proximo"],
.page:has(.ecommerce-picking-page) .ecommerce-picking-table [class*="próximo"]{
  display:inline-flex!important;
  margin-top:3px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#1664e8!important;
  color:#fff!important;
  font-size:7px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

/* Montagem mantém a mesma linguagem visual quando o passo 2 é aberto. */
.page:has(.ecommerce-picking-page) .ecommerce-order-assembly{padding:16px!important}
.page:has(.ecommerce-picking-page) .ecommerce-order-kpis>div{border:1px solid #e1e9f2!important;border-radius:11px!important;background:#fbfdff!important}
.page:has(.ecommerce-picking-page) .ecommerce-order-workspace{border-color:#dce5ef!important;border-radius:12px!important;overflow:hidden!important}

/* Tema escuro sem quebrar contraste funcional. */
[data-theme="dark"] .page:has(.ecommerce-picking-page){
  --r339-ink:#eff6ff;
  --r339-muted:#9fb0c5;
  --r339-border:#314158;
  --r339-border-strong:#40536d;
  --r339-surface:#111827;
  --r339-surface-soft:#0f172a;
}
[data-theme="dark"] .page:has(.ecommerce-picking-page) :is(.ecommerce-picking-page-actions,.ecommerce-picking-summary,.ecommerce-picking-workflow-tabs,.ecommerce-picking-scanner,.ecommerce-picking-list,.ecommerce-order-assembly),
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div,
[data-theme="dark"] .page:has(.ecommerce-picking-page) .r339-integration-block{background:#111827!important;border-color:#314158!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) :is(select,input){background:#0f172a!important;color:#e5edf8!important;border-color:#40536d!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table th{background:#1b2636!important;color:#c2d1e4!important;border-color:#34455c!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table td{background:#111827!important;color:#e5edf8!important;border-color:#26364a!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:nth-child(even) td{background:#0f172a!important}

@media(max-width:1280px){
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions{
    grid-template-columns:minmax(190px,.8fr) minmax(300px,1.3fr) repeat(3,max-content)!important;
  }
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div{grid-template-columns:46px 1fr!important;padding:10px 12px!important;column-gap:10px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div::before{width:46px!important;height:46px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis strong{font-size:21px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-list>header{grid-template-columns:1fr!important}
}

@media(max-width:1020px){
  .page:has(.ecommerce-picking-page) .page-header h1{font-size:26px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions{grid-template-columns:1fr 1fr 1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-selector:not(.separation-choice){grid-column:1!important;grid-row:1!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-selector.separation-choice{grid-column:2/4!important;grid-row:1!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-new{grid-column:1!important;grid-row:2!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-imports{grid-column:2!important;grid-row:2!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-close-day{grid-column:3!important;grid-row:2!important}
  .page:has(.ecommerce-picking-page) .r339-integrations-row{grid-row:3!important;grid-template-columns:1fr 1fr!important}
  .page:has(.ecommerce-picking-page) .r339-olist-group{grid-column:1/-1!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis{grid-template-columns:repeat(2,1fr)!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scanner{grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row{grid-template-columns:minmax(260px,1fr) 110px 130px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-filters{grid-template-columns:1fr 1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-filters label.search{grid-column:1/-1!important}
}

@media(max-width:700px){
  .page:has(.ecommerce-picking-page) .page-header h1{font-size:23px!important}
  .page:has(.ecommerce-picking-page) .page-header p{font-size:11px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions{grid-template-columns:1fr 1fr!important;padding:13px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-selector:not(.separation-choice),
  .page:has(.ecommerce-picking-page) .ecommerce-picking-selector.separation-choice{grid-column:1/-1!important;grid-row:auto!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-new,
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-imports,
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-close-day{grid-column:auto!important;grid-row:auto!important;width:100%!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-new{grid-column:1/-1!important}
  .page:has(.ecommerce-picking-page) .r339-integrations-row{grid-column:1/-1!important;grid-row:auto!important;grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .r339-olist-group{grid-column:auto!important;flex-wrap:wrap!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div{min-height:72px!important;grid-template-columns:40px 1fr!important;padding:9px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis>div::before{width:40px!important;height:40px!important;border-radius:10px!important;font-size:18px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis strong{font-size:19px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs{gap:8px!important;padding:8px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs::before{display:none!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs>button{justify-content:flex-start!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scanner{padding:13px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row{grid-template-columns:1fr 90px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scan-field{grid-column:1/-1!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row>button{width:100%!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-list{padding:12px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-filters{grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-filters label.search{grid-column:auto!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-filters>strong{padding-bottom:0!important}
}

@media(max-width:480px){
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions{grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-page-actions>button.r321-action-new{grid-column:auto!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-kpis{grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-workflow-tabs{grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scan-row{grid-template-columns:1fr!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-scan-field{grid-column:auto!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-desktop-piece-count{width:100%!important}
}