/* CRISMAR SHIP PRO - NUEVO DISEÑO v3 */
/* Layout tipo SaaS con sidebar oscura */

:root{
  --side:#0b1220;
  --side2:#111b2e;
  --bg:#f4f6fb;
  --card:#ffffff;
  --line:#e5e7ef;
  --text:#101828;
  --muted:#667085;
  --blue:#2f6fed;
  --blue2:#eaf1ff;
  --green:#067647;
  --green2:#ecfdf3;
  --red:#b42318;
  --red2:#fff1f3;
  --orange:#b54708;
  --orange2:#fff7ed;
}

html,body{
  margin:0!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
}

body{
  padding-left:260px!important;
}

/* barra lateral falsa usando la cabecera actual */
header,
.topbar,
.app-header,
.main-header{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:260px!important;
  height:100vh!important;
  background:linear-gradient(180deg,var(--side),var(--side2))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:8px 0 30px rgba(15,23,42,.22)!important;
  z-index:999!important;
  display:block!important;
  padding:22px 18px!important;
}

.brand-lockup{
  display:block!important;
  margin-bottom:28px!important;
}

.brand-mark{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  font-weight:900!important;
  margin-bottom:14px!important;
}

.brand-lockup h1{
  color:#fff!important;
  font-size:22px!important;
  line-height:1.1!important;
  margin:0 0 6px 0!important;
}

.brand-lockup span{
  color:#98a2b3!important;
  font-size:13px!important;
}

.provider-chip{
  display:block!important;
  margin:18px 0!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#dbeafe!important;
  font-weight:800!important;
}

/* navegación lateral */
.nav,
.tabs{
  display:block!important;
  margin-top:20px!important;
}

.nav a,
.tabs a{
  display:block!important;
  padding:11px 13px!important;
  margin:6px 0!important;
  border-radius:12px!important;
  color:#cbd5e1!important;
  background:transparent!important;
  font-weight:750!important;
  border:1px solid transparent!important;
}

.nav a:hover,
.tabs a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

.nav a.active,
.tabs a.active{
  background:#2563eb!important;
  color:#fff!important;
  border-color:#3b82f6!important;
}

/* contenido */
.container,
.page,
.main,
.wrap{
  max-width:none!important;
  width:auto!important;
  padding:24px!important;
}

.orders-card,
.card,
.panel{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  box-shadow:0 18px 40px rgba(16,24,40,.08)!important;
  overflow:hidden!important;
}

.table-headline{
  background:#fff!important;
  padding:20px 24px!important;
  border-bottom:1px solid var(--line)!important;
}

.table-headline strong{
  font-size:22px!important;
  color:#101828!important;
}

/* tabla estilo dashboard */
.pro-table{
  width:100%!important;
  border-collapse:collapse!important;
  background:#fff!important;
}

.pro-table thead th{
  background:#f9fafb!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  padding:12px 14px!important;
  border-bottom:1px solid var(--line)!important;
  white-space:nowrap!important;
}

.pro-table tbody tr{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

.pro-table tbody tr:hover{
  background:#f5f8ff!important;
}

.pro-table tbody td{
  padding:15px 14px!important;
  border-bottom:1px solid #eef1f6!important;
  vertical-align:top!important;
}

.pro-table tbody tr:last-child td{
  border-bottom:0!important;
}

small,
.muted,
.muted-text{
  color:var(--muted)!important;
  line-height:1.35!important;
}

strong{
  font-weight:800!important;
}

/* badges premium */
.badge,
.label-pill{
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:850!important;
  border:1px solid transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}

.badge.good,
.badge.success,
.label-pill.green{
  background:var(--green2)!important;
  color:var(--green)!important;
  border-color:#abefc6!important;
}

.badge.danger,
.badge.err,
.label-pill.red{
  background:var(--red2)!important;
  color:var(--red)!important;
  border-color:#fecdd3!important;
}

.badge.warn,
.badge.warning,
.label-pill.yellow{
  background:var(--orange2)!important;
  color:var(--orange)!important;
  border-color:#fed7aa!important;
}

.badge.primary,
.badge.info{
  background:var(--blue2)!important;
  color:#175cd3!important;
  border-color:#b2ccff!important;
}

.badge.muted,
.label-pill.grey,
.label-pill.disabled{
  background:#f2f4f7!important;
  color:#475467!important;
  border-color:#e4e7ec!important;
}

/* botones */
.btn,
button,
input[type=submit]{
  border-radius:12px!important;
  border:1px solid #d0d5dd!important;
  background:#fff!important;
  color:#344054!important;
  padding:9px 13px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}

.btn:hover,
button:hover,
input[type=submit]:hover{
  background:#f9fafb!important;
  border-color:#98a2b3!important;
}

.btn.primary,
button.primary{
  background:#2563eb!important;
  color:#fff!important;
  border-color:#2563eb!important;
}

.actions-col .btn,
.actions-col button{
  margin:3px!important;
}

.errtxt{
  display:block!important;
  margin-top:8px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#fff1f3!important;
  border:1px solid #fecdd3!important;
  color:#b42318!important;
  font-weight:750!important;
}

.timeline summary{
  margin-top:8px!important;
  color:#175cd3!important;
  font-weight:800!important;
  cursor:pointer!important;
}

.timeline p{
  background:#f9fafb!important;
  border:1px solid #eaecf0!important;
  border-radius:10px!important;
  padding:9px 10px!important;
}

input[type=checkbox]{
  width:17px!important;
  height:17px!important;
  accent-color:#2563eb!important;
}

img{
  border-radius:10px!important;
}

/* ===== Crismar Ship Pro v4 - compact professional workspace ===== */
:root{
  --nav:#0f172a;
  --nav-soft:#172033;
  --surface:#ffffff;
  --page:#f3f5f9;
  --line-strong:#d9dee8;
  --text-strong:#111827;
  --muted-2:#5f6b7a;
  --accent:#245ee8;
  --accent-soft:#edf3ff;
}

html,body{
  background:var(--page)!important;
  color:var(--text-strong)!important;
  font-size:13px!important;
}

body.pro-body{
  padding-left:248px!important;
  min-width:0!important;
}

.pro-topbar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:248px!important;
  height:100vh!important;
  padding:18px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:18px!important;
  background:linear-gradient(180deg,var(--nav),var(--nav-soft))!important;
  border:0!important;
  box-shadow:10px 0 28px rgba(15,23,42,.16)!important;
  overflow:auto!important;
}

.brand-lockup{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  margin:0!important;
}

.brand-lockup .brand-mark{
  width:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:8px!important;
  font-size:17px!important;
}

.brand-lockup h1{
  color:#fff!important;
  font-size:16px!important;
  line-height:1.12!important;
  margin:0 0 3px!important;
}

.brand-lockup span{
  display:block!important;
  color:#aab4c3!important;
  font-size:11px!important;
  line-height:1.25!important;
}

.provider-chip{
  grid-column:1 / -1!important;
  margin:8px 0 0!important;
  width:100%!important;
  border-radius:8px!important;
  padding:9px 10px!important;
  background:rgba(255,255,255,.08)!important;
  color:#dbeafe!important;
  border-color:rgba(255,255,255,.12)!important;
}

.top-nav{
  display:grid!important;
  gap:6px!important;
  margin-top:4px!important;
}

.top-nav a{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:9px 11px!important;
  border-radius:8px!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  font-weight:800!important;
  background:transparent!important;
  border:1px solid transparent!important;
}

.top-nav a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

.top-nav a.active{
  color:#fff!important;
  background:var(--accent)!important;
  border-color:#4a7cff!important;
}

.pro-wrap,.wrap{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:18px 20px 26px!important;
}

.kpi-grid{
  grid-template-columns:repeat(6,minmax(112px,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}

.kpi,.toolbar-card,.orders-card,.table-card,.hero,.health-card,.provider-card,.pro-card,.login-hero-panel,.config-list div{
  border-radius:8px!important;
  box-shadow:0 8px 22px rgba(16,24,40,.06)!important;
  border:1px solid var(--line-strong)!important;
}

.kpi{
  padding:12px 13px!important;
}

.kpi span{
  font-size:10px!important;
  letter-spacing:.03em!important;
}

.kpi strong{
  font-size:24px!important;
  line-height:1.05!important;
}

.toolbar-card{
  padding:12px!important;
  margin-bottom:12px!important;
}

.filters-form{
  display:grid!important;
  grid-template-columns:minmax(230px,1.6fr) repeat(6,minmax(128px,1fr)) auto auto!important;
  gap:8px!important;
  align-items:end!important;
}

.filters-form label,.searchbox{
  gap:4px!important;
  min-width:0!important;
  font-size:11px!important;
  font-weight:800!important;
  color:var(--muted-2)!important;
}

.filters-form input,.searchbox input{
  height:34px!important;
  border-radius:6px!important;
  padding:0 9px!important;
  font-size:12px!important;
}

.quick-filters,.tabs-pro{
  gap:6px!important;
}

.quick-filters{
  margin-top:10px!important;
}

.quick-filters a,.tabs-pro a,.tabs a{
  border-radius:6px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
}

.tabs-pro{
  margin-bottom:12px!important;
}

.tabs-pro a.active,.tabs a.active{
  background:var(--nav)!important;
  border-color:var(--nav)!important;
}

.btn,button,input[type=submit]{
  min-height:34px!important;
  border-radius:6px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:normal!important;
  text-align:center!important;
  box-shadow:none!important;
}

.btn.small,.actions-col .btn,.actions-col button{
  min-height:30px!important;
  padding:6px 8px!important;
  font-size:11px!important;
  margin:0!important;
}

.btn.primary,button.primary{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}

.bulkbar{
  top:0!important;
  margin:0 0 10px!important;
  padding:10px!important;
  border-radius:8px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  background:rgba(255,255,255,.96)!important;
}

.bulk-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(112px,1fr))!important;
  gap:7px!important;
  justify-content:end!important;
}

.checkline{
  white-space:nowrap!important;
  font-size:12px!important;
}

.orders-card{
  padding:10px!important;
  overflow:auto!important;
}

.table-headline{
  padding:8px 4px 12px!important;
  border-bottom:0!important;
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.table-headline strong{
  font-size:18px!important;
}

.legend{
  flex-wrap:wrap!important;
  color:var(--muted-2)!important;
}

.pro-table{
  min-width:1320px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:var(--surface)!important;
  border:1px solid var(--line-strong)!important;
  border-radius:8px!important;
  overflow:hidden!important;
}

.pro-table th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:#f8fafc!important;
  padding:9px 8px!important;
  border-bottom:1px solid var(--line-strong)!important;
  font-size:10px!important;
  letter-spacing:.04em!important;
}

.pro-table td{
  padding:10px 8px!important;
  border-top:0!important;
  border-bottom:1px solid #edf0f5!important;
  background:#fff!important;
}

.pro-table tr td:first-child,.pro-table tr td:last-child{
  border-radius:0!important;
}

.pro-table th:nth-child(1),.pro-table td:nth-child(1){width:38px!important;text-align:center!important;}
.pro-table th:nth-child(2),.pro-table td:nth-child(2){width:300px!important;}
.pro-table th:nth-child(3),.pro-table td:nth-child(3){width:190px!important;}
.pro-table th:nth-child(4),.pro-table td:nth-child(4){width:170px!important;}
.pro-table th:nth-child(5),.pro-table td:nth-child(5){width:230px!important;}
.pro-table th:nth-child(6),.pro-table td:nth-child(6){width:170px!important;}
.pro-table th:nth-child(7),.pro-table td:nth-child(7){width:220px!important;}

.group-row td{
  border-radius:0!important;
  padding:7px 10px!important;
  background:#eef4ff!important;
  color:#1d4ed8!important;
}

.order-row.tone-danger td{background:#fff8f9!important;}
.order-row.tone-purple td{background:#fbf9ff!important;}
.order-row.tone-success td,.order-row.tone-success-soft td{background:#f7fef9!important;}
.order-row.tone-info td{background:#f8fbff!important;}

.product-cell{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  min-width:0!important;
  gap:9px!important;
}

.prod-img,.prod-placeholder{
  width:48px!important;
  height:48px!important;
  border-radius:6px!important;
}

.item-line{
  margin-bottom:5px!important;
}

.item-line b{
  font-size:12px!important;
  overflow-wrap:anywhere!important;
}

.item-line small,td small{
  font-size:11px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}

.badge,.label-pill,.label-state{
  border-radius:999px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1.15!important;
  margin-bottom:5px!important;
  max-width:100%!important;
  white-space:normal!important;
}

.actions-col,.actions{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  align-content:start!important;
}

.actions-col .btn,.actions-col button{
  width:100%!important;
}

.timeline{
  margin-top:6px!important;
}

.timeline summary{
  font-size:11px!important;
}

.timeline p{
  padding:7px!important;
  margin-top:5px!important;
  border-radius:6px!important;
}

.errtxt{
  border-radius:6px!important;
  padding:7px!important;
  font-size:11px!important;
}

.floating-sync{
  right:18px!important;
  bottom:18px!important;
}

.floating-sync .btn{
  min-width:180px!important;
  box-shadow:0 10px 24px rgba(36,94,232,.22)!important;
}

.provider-wrap{
  max-width:1180px!important;
}

.provider-grid{
  gap:12px!important;
}

.provider-card{
  padding:18px!important;
}

.provider-card h2{
  font-size:20px!important;
}

.provider-card ul{
  line-height:1.55!important;
}

.hero{
  padding:16px!important;
  margin-bottom:12px!important;
}

.hero div strong{
  font-size:24px!important;
}

.config-list{
  gap:10px!important;
}

@media(max-width:1380px){
  .filters-form{
    grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr))!important;
  }
  .bulk-actions{
    grid-template-columns:repeat(2,minmax(132px,1fr))!important;
  }
}

@media(max-width:980px){
  body.pro-body{
    padding-left:0!important;
  }
  .pro-topbar{
    position:sticky!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 12px!important;
    flex-direction:row!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .brand-lockup{
    grid-template-columns:38px minmax(0,1fr)!important;
    flex:1 1 auto!important;
  }
  .brand-lockup .brand-mark{
    width:38px!important;
    height:38px!important;
  }
  .provider-chip{
    display:none!important;
  }
  .top-nav{
    display:flex!important;
    gap:4px!important;
    overflow:auto!important;
    max-width:58vw!important;
  }
  .top-nav a{
    min-height:32px!important;
    padding:7px 9px!important;
    white-space:nowrap!important;
  }
  .pro-wrap,.wrap{
    padding:12px!important;
  }
  .kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .filters-form{
    grid-template-columns:1fr 1fr!important;
  }
  .bulkbar{
    position:static!important;
    grid-template-columns:1fr!important;
  }
}

@media(max-width:640px){
  .pro-topbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .top-nav{
    width:100%!important;
    max-width:none!important;
  }
  .kpi-grid,.filters-form,.provider-grid,.config-list{
    grid-template-columns:1fr!important;
  }
  .bulk-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .table-headline{
    align-items:flex-start!important;
  }
  .floating-sync{
    position:static!important;
    margin-top:12px!important;
  }
  .floating-sync .btn{
    width:100%!important;
  }
}

/* ===== Crismar Ship Pro v5 - light Sendcloud-style workspace ===== */
:root{
  --sc-bg:#f6f8fb;
  --sc-panel:#ffffff;
  --sc-nav:#fdfefe;
  --sc-nav-line:#e7ebf2;
  --sc-text:#1f2937;
  --sc-muted:#6b7280;
  --sc-blue:#2563eb;
  --sc-blue-soft:#eef5ff;
  --sc-green:#0f8a5f;
  --sc-green-soft:#eefbf5;
  --sc-amber:#b76a00;
  --sc-amber-soft:#fff7e8;
  --sc-red:#b42318;
  --sc-red-soft:#fff3f4;
  --sc-purple:#6d4aff;
  --sc-purple-soft:#f4f1ff;
}

html,body{
  background:var(--sc-bg)!important;
  color:var(--sc-text)!important;
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:400!important;
}

body.pro-body{
  padding-left:242px!important;
}

.pro-topbar{
  width:242px!important;
  background:var(--sc-nav)!important;
  color:var(--sc-text)!important;
  border-right:1px solid var(--sc-nav-line)!important;
  box-shadow:4px 0 18px rgba(17,24,39,.05)!important;
}

.brand-lockup .brand-mark{
  background:#e8f1ff!important;
  color:var(--sc-blue)!important;
  box-shadow:inset 0 0 0 1px #d5e5ff!important;
}

.brand-lockup h1{
  color:#111827!important;
  font-weight:650!important;
}

.brand-lockup span{
  color:#7b8494!important;
  font-weight:400!important;
}

.provider-chip{
  background:#f4f7fb!important;
  color:#334155!important;
  border-color:#e2e8f0!important;
  font-weight:600!important;
}

.top-nav a{
  color:#475569!important;
  background:transparent!important;
  font-weight:500!important;
  border-color:transparent!important;
}

.top-nav a:hover{
  background:#f1f5f9!important;
  color:#1e293b!important;
}

.top-nav a.active{
  background:var(--sc-blue-soft)!important;
  border-color:#cfe0ff!important;
  color:#1d4ed8!important;
  font-weight:650!important;
}

.pro-wrap,.wrap{
  padding:20px 22px 28px!important;
}

.kpi,.toolbar-card,.orders-card,.table-card,.hero,.health-card,.provider-card,.pro-card,.login-hero-panel,.config-list div{
  background:var(--sc-panel)!important;
  border-color:#e3e8f0!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
}

.kpi span,.filters-form label,.searchbox,.table-headline,.legend,td small,.item-line small{
  color:var(--sc-muted)!important;
  font-weight:400!important;
}

.kpi strong,.table-headline strong,strong,b{
  font-weight:650!important;
}

.btn,button,input[type=submit]{
  border-color:#d8dee8!important;
  color:#344054!important;
  background:#fff!important;
  font-weight:550!important;
}

.btn:hover,button:hover,input[type=submit]:hover{
  background:#f8fafc!important;
  border-color:#c8d1df!important;
  transform:none!important;
}

.btn.primary,button.primary{
  background:var(--sc-blue)!important;
  border-color:var(--sc-blue)!important;
  color:#fff!important;
  font-weight:600!important;
}

.btn.soft,.btn.ghost{
  background:#f8fafc!important;
  color:#334155!important;
}

.bulkbar{
  border-color:#e3e8f0!important;
  box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
}

.pro-table{
  border-color:#e3e8f0!important;
}

.pro-table th{
  background:#f8fafc!important;
  color:#64748b!important;
  font-weight:650!important;
}

.pro-table td{
  border-bottom-color:#edf1f6!important;
}

.pro-table tbody tr.order-row:hover td{
  background:#f7fbff!important;
}

.order-row.tone-danger td{background:var(--sc-red-soft)!important;}
.order-row.tone-danger:hover td{background:#ffe9ec!important;}
.order-row.tone-purple td{background:var(--sc-purple-soft)!important;}
.order-row.tone-purple:hover td{background:#ece8ff!important;}
.order-row.tone-success td,.order-row.tone-success-soft td{background:var(--sc-green-soft)!important;}
.order-row.tone-success:hover td,.order-row.tone-success-soft:hover td{background:#e1f7ed!important;}
.order-row.tone-info td{background:#f7fbff!important;}
.order-row.tone-info:hover td{background:#edf6ff!important;}
.order-row.tone-muted td{background:#fff!important;}
.order-row.tone-muted:hover td{background:#f8fafc!important;}

.group-row td{
  background:#f1f6ff!important;
  color:#315ca8!important;
  font-weight:600!important;
}

.badge.info,.badge.primary{
  background:var(--sc-blue-soft)!important;
  color:#1d4ed8!important;
  border-color:#cfe0ff!important;
}

.badge.purple,.label-pill.grey{
  background:var(--sc-purple-soft)!important;
  color:#5b3fd8!important;
  border-color:#ded7ff!important;
}

.badge.success,.badge.success-soft,.label-pill.green,.label-state.green{
  background:var(--sc-green-soft)!important;
  color:var(--sc-green)!important;
  border-color:#c5efd9!important;
}

.badge.danger,.badge.err{
  background:var(--sc-red-soft)!important;
  color:var(--sc-red)!important;
  border-color:#ffd1d7!important;
}

.badge.warning,.badge.warn{
  background:var(--sc-amber-soft)!important;
  color:var(--sc-amber)!important;
  border-color:#ffe1a8!important;
}

.badge.muted,.label-pill.disabled{
  background:#f1f5f9!important;
  color:#64748b!important;
  border-color:#e2e8f0!important;
}

.sku-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}

.sku-line b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.qty-pill{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#eef2f7!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:650!important;
}

.qty-pill.hot{
  background:#fff1d6!important;
  color:#a15c00!important;
  border:1px solid #ffd58a!important;
}

.item-line.multi-item{
  padding:6px 7px!important;
  border-radius:7px!important;
  background:#fffaf0!important;
  border:1px solid #ffe3a6!important;
}

.inline-action{
  margin:0!important;
  display:contents!important;
}

.actions-col .inline-action .btn{
  width:100%!important;
}

.errtxt{
  background:#fff7f8!important;
  color:#a11d15!important;
  border-color:#ffd1d7!important;
  font-weight:500!important;
}

.timeline summary{
  color:#3b63ad!important;
  font-weight:550!important;
}

.floating-sync .btn{
  box-shadow:0 10px 22px rgba(37,99,235,.16)!important;
}

@media(max-width:980px){
  body.pro-body{
    padding-left:0!important;
  }
  .pro-topbar{
    width:100%!important;
    border-right:0!important;
    border-bottom:1px solid var(--sc-nav-line)!important;
  }
}

/* ===== Crismar Ship Pro v6 - clean table rows ===== */
.pro-table tbody tr.order-row td{
  background:#fff!important;
  transition:background .16s ease, box-shadow .16s ease!important;
}

.pro-table tbody tr.order-row:hover td{
  background:#f3f7ff!important;
}

.pro-table tbody tr.order-row td:first-child{
  box-shadow:none!important;
}

.pro-table tbody tr.order-row.tone-info td:first-child{
  box-shadow:none!important;
}

.pro-table tbody tr.order-row.tone-purple td:first-child{
  box-shadow:none!important;
}

.pro-table tbody tr.order-row.tone-success td:first-child,
.pro-table tbody tr.order-row.tone-success-soft td:first-child{
  box-shadow:none!important;
}

.pro-table tbody tr.order-row.tone-danger td:first-child{
  box-shadow:none!important;
}

.pro-table tbody tr.order-row:hover td:first-child{
  background:#f3f7ff!important;
}

.pro-table tbody tr.order-row .actions-col{
  background:transparent!important;
}

.pro-table tbody tr.order-row .btn{
  background:#fff!important;
}

.pro-table tbody tr.order-row .btn:hover{
  background:#f8fafc!important;
}

.pro-table tbody tr.order-row .btn.primary{
  background:var(--sc-blue)!important;
}

/* ===== Crismar Ship Pro v7 - uniform row hover, no clipped color bands ===== */
.pro-table{
  background:#fff!important;
}

.pro-table tbody tr.order-row{
  background:#fff!important;
}

.pro-table tbody tr.order-row td,
.pro-table tbody tr.order-row.tone-info td,
.pro-table tbody tr.order-row.tone-purple td,
.pro-table tbody tr.order-row.tone-success td,
.pro-table tbody tr.order-row.tone-success-soft td,
.pro-table tbody tr.order-row.tone-danger td,
.pro-table tbody tr.order-row.tone-muted td{
  background:#fff!important;
}

.pro-table tbody tr.order-row:hover td,
.pro-table tbody tr.order-row.tone-info:hover td,
.pro-table tbody tr.order-row.tone-purple:hover td,
.pro-table tbody tr.order-row.tone-success:hover td,
.pro-table tbody tr.order-row.tone-success-soft:hover td,
.pro-table tbody tr.order-row.tone-danger:hover td,
.pro-table tbody tr.order-row.tone-muted:hover td{
  background:#f4f8ff!important;
}

.pro-table tbody tr.order-row:hover{
  box-shadow:inset 0 0 0 1px #dbeafe!important;
}

.prod-img{
  object-fit:contain!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}

/* ===== Crismar Ship Pro v8 - dispatch board redesign ===== */
:root{
  --board-bg:#eef3f8;
  --board-card:#ffffff;
  --board-ink:#172033;
  --board-muted:#667085;
  --board-line:#d8e0ea;
  --board-blue:#1769e0;
  --board-blue-soft:#e8f1ff;
  --board-green:#087443;
  --board-green-soft:#e8f8ef;
  --board-warn:#a15c00;
  --board-warn-soft:#fff6df;
}

html,body{
  background:var(--board-bg)!important;
  color:var(--board-ink)!important;
}

body.pro-body{
  padding-left:0!important;
}

.pro-topbar{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:64px!important;
  padding:10px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  background:#fff!important;
  border-right:0!important;
  border-bottom:1px solid var(--board-line)!important;
  box-shadow:0 4px 18px rgba(15,23,42,.06)!important;
  overflow:visible!important;
}

.brand-lockup{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}

.brand-lockup .brand-mark{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:none!important;
}

.brand-lockup h1{
  color:var(--board-ink)!important;
  font-size:15px!important;
  font-weight:700!important;
}

.brand-lockup span{
  color:var(--board-muted)!important;
  font-size:11px!important;
}

.provider-chip{
  grid-column:auto!important;
  width:auto!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:#f4f7fb!important;
  border:1px solid #dce4ef!important;
  color:#344054!important;
  font-size:11px!important;
}

.top-nav{
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  overflow:auto!important;
}

.top-nav a{
  min-height:34px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  color:#475467!important;
  background:#fff!important;
  border:1px solid transparent!important;
  font-weight:600!important;
}

.top-nav a:hover{
  background:#f4f7fb!important;
  color:#111827!important;
}

.top-nav a.active{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}

.pro-wrap,.wrap{
  padding:18px!important;
  max-width:1740px!important;
  margin:0 auto!important;
}

.kpi-grid{
  grid-template-columns:repeat(6,minmax(120px,1fr))!important;
  gap:10px!important;
}

.kpi{
  border-radius:10px!important;
  border:1px solid var(--board-line)!important;
  box-shadow:none!important;
  padding:12px!important;
}

.kpi span{
  color:var(--board-muted)!important;
  font-size:11px!important;
}

.kpi strong{
  color:var(--board-ink)!important;
  font-size:22px!important;
}

.toolbar-card{
  border-radius:10px!important;
  border:1px solid var(--board-line)!important;
  box-shadow:none!important;
}

.tabs-pro{
  display:flex!important;
  gap:8px!important;
  overflow:auto!important;
  padding:2px 0 10px!important;
}

.tabs-pro a{
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--board-line)!important;
  color:#475467!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
}

.tabs-pro a.active{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}

.orders-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}

.bulkbar{
  position:sticky!important;
  top:65px!important;
  z-index:9!important;
  border:1px solid var(--board-line)!important;
  border-radius:10px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  margin-bottom:12px!important;
}

.table-headline{
  padding:4px 2px 12px!important;
  background:transparent!important;
  border:0!important;
}

.pro-table{
  display:block!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}

.pro-table thead{
  display:none!important;
}

.pro-table tbody{
  display:grid!important;
  gap:10px!important;
}

.pro-table tbody tr.group-row{
  display:block!important;
}

.pro-table tbody tr.group-row td{
  display:block!important;
  padding:9px 12px!important;
  border:1px solid #d6e4f7!important;
  border-radius:999px!important;
  background:#dfeaff!important;
  color:#174ea6!important;
  text-align:center!important;
  font-weight:700!important;
}

.pro-table tbody tr.order-row,
.pro-table tbody tr.order-row.tone-info,
.pro-table tbody tr.order-row.tone-purple,
.pro-table tbody tr.order-row.tone-success,
.pro-table tbody tr.order-row.tone-success-soft,
.pro-table tbody tr.order-row.tone-danger,
.pro-table tbody tr.order-row.tone-muted{
  display:grid!important;
  grid-template-columns:34px minmax(290px,1.35fr) minmax(210px,.85fr) minmax(190px,.75fr) minmax(210px,.85fr) minmax(190px,.75fr) minmax(210px,.8fr)!important;
  gap:0!important;
  align-items:stretch!important;
  background:var(--board-card)!important;
  border:1px solid var(--board-line)!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}

.pro-table tbody tr.order-row td,
.pro-table tbody tr.order-row.tone-info td,
.pro-table tbody tr.order-row.tone-purple td,
.pro-table tbody tr.order-row.tone-success td,
.pro-table tbody tr.order-row.tone-success-soft td,
.pro-table tbody tr.order-row.tone-danger td,
.pro-table tbody tr.order-row.tone-muted td{
  display:block!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid #eef2f6!important;
  padding:14px 13px!important;
  min-width:0!important;
}

.pro-table tbody tr.order-row td:last-child{
  border-right:0!important;
  background:#fbfcfe!important;
}

.pro-table tbody tr.order-row:hover,
.pro-table tbody tr.order-row.tone-info:hover,
.pro-table tbody tr.order-row.tone-purple:hover,
.pro-table tbody tr.order-row.tone-success:hover,
.pro-table tbody tr.order-row.tone-success-soft:hover,
.pro-table tbody tr.order-row.tone-danger:hover,
.pro-table tbody tr.order-row.tone-muted:hover{
  border-color:#b8cef3!important;
  box-shadow:0 12px 28px rgba(23,105,224,.12)!important;
}

.pro-table tbody tr.order-row:hover td,
.pro-table tbody tr.order-row.tone-info:hover td,
.pro-table tbody tr.order-row.tone-purple:hover td,
.pro-table tbody tr.order-row.tone-success:hover td,
.pro-table tbody tr.order-row.tone-success-soft:hover td,
.pro-table tbody tr.order-row.tone-danger:hover td,
.pro-table tbody tr.order-row.tone-muted:hover td{
  background:#f9fbff!important;
}

.pro-table tbody tr.order-row:hover td:last-child{
  background:#f3f7ff!important;
}

.product-cell{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
}

.prod-img,.prod-placeholder{
  width:58px!important;
  height:58px!important;
  border-radius:10px!important;
}

.prod-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#edf2f7!important;
  color:#667085!important;
  border:1px solid #dbe3ee!important;
  font-weight:750!important;
}

.item-line{
  margin:0!important;
}

.item-line.multi-item{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

.sku-line{
  gap:8px!important;
}

.sku-line b{
  font-size:13px!important;
  color:#111827!important;
}

.item-line small,td small{
  display:block!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.35!important;
}

.qty-pill{
  background:#e9eef5!important;
  color:#475467!important;
}

.qty-pill.hot{
  background:var(--board-warn-soft)!important;
  color:var(--board-warn)!important;
  border-color:#ffd98e!important;
}

.badge,.label-pill{
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:700!important;
  padding:6px 9px!important;
}

.badge.info{
  background:var(--board-blue-soft)!important;
  color:#1454b8!important;
  border-color:#c6dbff!important;
}

.label-pill.green,.badge.success,.badge.success-soft{
  background:var(--board-green-soft)!important;
  color:var(--board-green)!important;
  border-color:#bfe8d1!important;
}

.label-pill.disabled,.label-pill.grey{
  background:#eef2f6!important;
  color:#5d6b7a!important;
  border-color:#dbe3ee!important;
}

.actions-col,.actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  align-content:start!important;
}

.actions-col .btn,.actions-col button{
  min-height:32px!important;
  border-radius:7px!important;
  font-size:11px!important;
}

.actions-col .btn.primary,.actions-col button.primary{
  grid-column:1 / -1!important;
}

.timeline summary{
  display:inline-flex!important;
  margin-top:7px!important;
  color:#315ca8!important;
}

@media(max-width:1280px){
  .pro-table tbody tr.order-row,
  .pro-table tbody tr.order-row.tone-info,
  .pro-table tbody tr.order-row.tone-purple,
  .pro-table tbody tr.order-row.tone-success,
  .pro-table tbody tr.order-row.tone-success-soft,
  .pro-table tbody tr.order-row.tone-danger,
  .pro-table tbody tr.order-row.tone-muted{
    grid-template-columns:34px minmax(280px,1fr) minmax(220px,1fr) minmax(210px,1fr)!important;
  }
}

@media(max-width:860px){
  .pro-topbar{
    grid-template-columns:1fr!important;
  }

  .top-nav{
    justify-content:flex-start!important;
  }

  .kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .filters-form{
    grid-template-columns:1fr!important;
  }

  .bulkbar{
    position:static!important;
  }

  .pro-table tbody tr.order-row,
  .pro-table tbody tr.order-row.tone-info,
  .pro-table tbody tr.order-row.tone-purple,
  .pro-table tbody tr.order-row.tone-success,
  .pro-table tbody tr.order-row.tone-success-soft,
  .pro-table tbody tr.order-row.tone-danger,
  .pro-table tbody tr.order-row.tone-muted{
    grid-template-columns:1fr!important;
  }

  .pro-table tbody tr.order-row td,
  .pro-table tbody tr.order-row.tone-info td,
  .pro-table tbody tr.order-row.tone-purple td,
  .pro-table tbody tr.order-row.tone-success td,
  .pro-table tbody tr.order-row.tone-success-soft td,
  .pro-table tbody tr.order-row.tone-danger td,
  .pro-table tbody tr.order-row.tone-muted td{
    border-right:0!important;
    border-bottom:1px solid #eef2f6!important;
  }
}

/* ===== Crismar Ship Pro v9 - clean operations table reset ===== */
:root{
  --ops-bg:#f5f7fa;
  --ops-surface:#ffffff;
  --ops-line:#d9e1ec;
  --ops-line-soft:#edf1f6;
  --ops-text:#182230;
  --ops-muted:#667085;
  --ops-blue:#2463eb;
  --ops-blue-soft:#eef4ff;
  --ops-green:#087443;
  --ops-green-soft:#e9f8ef;
  --ops-red:#b42318;
  --ops-red-soft:#fff1f3;
  --ops-amber:#a15c00;
  --ops-amber-soft:#fff7e6;
}

html,body{
  background:var(--ops-bg)!important;
  color:var(--ops-text)!important;
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
}

body.pro-body{
  padding-left:0!important;
}

.pro-topbar{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  width:100%!important;
  height:auto!important;
  min-height:62px!important;
  padding:10px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:rgba(255,255,255,.96)!important;
  border-right:0!important;
  border-bottom:1px solid var(--ops-line)!important;
  box-shadow:0 2px 10px rgba(16,24,40,.045)!important;
  overflow:visible!important;
}

.brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  min-width:280px!important;
}

.brand-lockup .brand-mark{
  width:38px!important;
  height:38px!important;
  border-radius:8px!important;
  margin:0!important;
  background:#1d2939!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:15px!important;
}

.brand-lockup h1{
  color:var(--ops-text)!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:700!important;
  margin:0!important;
}

.brand-lockup span{
  display:block!important;
  color:var(--ops-muted)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:400!important;
}

.provider-chip{
  display:inline-flex!important;
  width:auto!important;
  margin:0 0 0 8px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid var(--ops-line)!important;
  color:#475467!important;
  font-size:11px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}

.top-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  margin:0!important;
  overflow:auto!important;
}

.top-nav a{
  min-height:34px!important;
  padding:8px 11px!important;
  border-radius:7px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#475467!important;
  font-size:12px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}

.top-nav a:hover{
  background:#f2f5f9!important;
  color:#182230!important;
}

.top-nav a.active{
  background:var(--ops-blue)!important;
  border-color:var(--ops-blue)!important;
  color:#fff!important;
}

.pro-wrap,.wrap{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:16px 18px 24px!important;
}

.kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(120px,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}

.kpi,.toolbar-card,.orders-card,.table-card,.hero,.health-card,.provider-card,.pro-card,.login-hero-panel,.config-list div{
  background:var(--ops-surface)!important;
  border:1px solid var(--ops-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

.kpi{
  padding:10px 12px!important;
}

.kpi span{
  color:var(--ops-muted)!important;
  font-size:10px!important;
  letter-spacing:.02em!important;
  font-weight:600!important;
}

.kpi strong{
  color:var(--ops-text)!important;
  font-size:22px!important;
  line-height:1.05!important;
  font-weight:700!important;
}

.toolbar-card{
  padding:12px!important;
  margin-bottom:12px!important;
}

.filters-form{
  display:grid!important;
  grid-template-columns:minmax(240px,1.5fr) repeat(6,minmax(118px,1fr)) auto auto!important;
  gap:8px!important;
  align-items:end!important;
}

.filters-form label,.searchbox{
  color:var(--ops-muted)!important;
  font-size:11px!important;
  font-weight:600!important;
  gap:4px!important;
}

.filters-form input,.searchbox input{
  height:34px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:6px!important;
  padding:0 9px!important;
  background:#fff!important;
  color:var(--ops-text)!important;
  font-size:12px!important;
}

.quick-filters,.tabs-pro{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}

.quick-filters a,.tabs-pro a,.tabs a{
  border-radius:7px!important;
  border:1px solid var(--ops-line)!important;
  background:#fff!important;
  color:#475467!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:600!important;
}

.tabs-pro{
  padding:0!important;
  margin-bottom:12px!important;
}

.tabs-pro a.active,.tabs a.active{
  background:#1d2939!important;
  border-color:#1d2939!important;
  color:#fff!important;
}

.btn,button,input[type=submit]{
  min-height:32px!important;
  border-radius:6px!important;
  border:1px solid #cfd8e3!important;
  background:#fff!important;
  color:#182230!important;
  padding:7px 10px!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:600!important;
  box-shadow:none!important;
  transform:none!important;
}

.btn:hover,button:hover,input[type=submit]:hover{
  background:#f8fafc!important;
  border-color:#b8c4d2!important;
  box-shadow:none!important;
  transform:none!important;
}

.btn.primary,button.primary{
  background:var(--ops-blue)!important;
  border-color:var(--ops-blue)!important;
  color:#fff!important;
}

.orders-card{
  padding:10px!important;
  overflow:auto!important;
}

.bulkbar{
  position:sticky!important;
  top:63px!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px!important;
  margin:0 0 10px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:none!important;
}

.bulk-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  justify-content:flex-end!important;
}

.table-headline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:4px 2px 10px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--ops-muted)!important;
}

.table-headline strong{
  color:var(--ops-text)!important;
  font-size:17px!important;
  font-weight:700!important;
}

.pro-table{
  display:table!important;
  width:100%!important;
  min-width:1320px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid var(--ops-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.pro-table thead{
  display:table-header-group!important;
}

.pro-table tbody{
  display:table-row-group!important;
}

.pro-table tr{
  display:table-row!important;
}

.pro-table th,.pro-table thead th{
  display:table-cell!important;
  position:sticky!important;
  top:116px!important;
  z-index:4!important;
  background:#f8fafc!important;
  color:#5f6b7a!important;
  padding:9px 10px!important;
  border-bottom:1px solid var(--ops-line)!important;
  text-align:left!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}

.pro-table td,
.pro-table tbody tr.order-row td,
.pro-table tbody tr.order-row.tone-info td,
.pro-table tbody tr.order-row.tone-purple td,
.pro-table tbody tr.order-row.tone-success td,
.pro-table tbody tr.order-row.tone-success-soft td,
.pro-table tbody tr.order-row.tone-danger td,
.pro-table tbody tr.order-row.tone-muted td{
  display:table-cell!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid var(--ops-line-soft)!important;
  padding:11px 10px!important;
  vertical-align:top!important;
  min-width:0!important;
}

.pro-table tbody tr.order-row,
.pro-table tbody tr.order-row.tone-info,
.pro-table tbody tr.order-row.tone-purple,
.pro-table tbody tr.order-row.tone-success,
.pro-table tbody tr.order-row.tone-success-soft,
.pro-table tbody tr.order-row.tone-danger,
.pro-table tbody tr.order-row.tone-muted{
  display:table-row!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.pro-table tbody tr.order-row:hover td,
.pro-table tbody tr.order-row.tone-info:hover td,
.pro-table tbody tr.order-row.tone-purple:hover td,
.pro-table tbody tr.order-row.tone-success:hover td,
.pro-table tbody tr.order-row.tone-success-soft:hover td,
.pro-table tbody tr.order-row.tone-danger:hover td,
.pro-table tbody tr.order-row.tone-muted:hover td{
  background:#f6f9ff!important;
}

.pro-table tbody tr.group-row,
.pro-table tbody tr.group-row td{
  display:table-cell!important;
}

.group-row td,.pro-table tbody tr.group-row td{
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--ops-line)!important;
  border-radius:0!important;
  background:#eef4ff!important;
  color:#174ea6!important;
  text-align:center!important;
  font-weight:700!important;
}

.pro-table th:nth-child(1),.pro-table td:nth-child(1){width:42px!important;text-align:center!important;}
.pro-table th:nth-child(2),.pro-table td:nth-child(2){width:330px!important;}
.pro-table th:nth-child(3),.pro-table td:nth-child(3){width:210px!important;}
.pro-table th:nth-child(4),.pro-table td:nth-child(4){width:210px!important;}
.pro-table th:nth-child(5),.pro-table td:nth-child(5){width:230px!important;}
.pro-table th:nth-child(6),.pro-table td:nth-child(6){width:205px!important;}
.pro-table th:nth-child(7),.pro-table td:nth-child(7){width:220px!important;}

.product-cell{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:10px!important;
  min-width:0!important;
}

.prod-img,.prod-placeholder{
  width:52px!important;
  height:52px!important;
  border-radius:7px!important;
  object-fit:contain!important;
  background:#f8fafc!important;
  border:1px solid #dbe3ee!important;
}

.prod-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:700!important;
}

.item-line{
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.sku-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}

.sku-line b{
  color:#182230!important;
  font-size:12px!important;
  font-weight:700!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.item-line small,td small{
  display:block!important;
  color:var(--ops-muted)!important;
  font-size:11px!important;
  line-height:1.28!important;
  overflow-wrap:anywhere!important;
}

.qty-pill{
  height:21px!important;
  min-width:26px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#eef2f6!important;
  color:#5f6b7a!important;
  font-size:11px!important;
  font-weight:700!important;
}

.qty-pill.hot{
  background:var(--ops-amber-soft)!important;
  color:var(--ops-amber)!important;
  border:1px solid #ffd690!important;
}

.badge,.label-pill,.label-state{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:700!important;
  white-space:normal!important;
  margin-bottom:5px!important;
}

.badge.info,.badge.primary{
  background:var(--ops-blue-soft)!important;
  color:#175cd3!important;
  border-color:#c7d7fe!important;
}

.badge.success,.badge.success-soft,.label-pill.green,.label-state.green{
  background:var(--ops-green-soft)!important;
  color:var(--ops-green)!important;
  border-color:#bfe8d1!important;
}

.badge.danger,.badge.err{
  background:var(--ops-red-soft)!important;
  color:var(--ops-red)!important;
  border-color:#fecdd3!important;
}

.badge.warning,.badge.warn{
  background:var(--ops-amber-soft)!important;
  color:var(--ops-amber)!important;
  border-color:#fed7aa!important;
}

.badge.muted,.label-pill.disabled,.label-pill.grey{
  background:#f2f4f7!important;
  color:#475467!important;
  border-color:#e4e7ec!important;
}

.actions-col,.actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  min-width:0!important;
  align-content:start!important;
}

.actions-col .btn,.actions-col button{
  width:100%!important;
  min-height:31px!important;
  padding:6px 8px!important;
  font-size:11px!important;
}

.actions-col .btn.primary,.actions-col button.primary{
  grid-column:1 / -1!important;
}

.timeline summary{
  display:inline-flex!important;
  margin-top:5px!important;
  color:#315ca8!important;
  font-size:11px!important;
  font-weight:600!important;
}

.timeline p{
  background:#f8fafc!important;
  border:1px solid #e8edf4!important;
  border-radius:6px!important;
  padding:6px 7px!important;
  margin-top:5px!important;
}

.errtxt{
  display:block!important;
  margin-top:6px!important;
  padding:7px!important;
  border-radius:6px!important;
  background:var(--ops-red-soft)!important;
  color:var(--ops-red)!important;
  border:1px solid #fecdd3!important;
  font-size:11px!important;
  font-weight:500!important;
}

@media(max-width:1180px){
  .filters-form{
    grid-template-columns:1fr 1fr!important;
  }

  .kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .pro-topbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .brand-lockup{
    min-width:0!important;
  }

  .top-nav{
    width:100%!important;
    justify-content:flex-start!important;
  }

  .pro-wrap,.wrap{
    padding:12px!important;
  }

  .kpi-grid,.filters-form{
    grid-template-columns:1fr!important;
  }

  .bulkbar{
    position:static!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* ===== Crismar Ship Pro v10 - polished non-sticky shipment table ===== */
:root{
  --ship-bg:#f3f6fa;
  --ship-card:#ffffff;
  --ship-border:#d6e0ec;
  --ship-border-soft:#e9eef5;
  --ship-header:#f6f8fb;
  --ship-text:#111827;
  --ship-muted:#5f6b7a;
  --ship-blue:#1f5fe5;
  --ship-blue-soft:#ecf3ff;
}

html,body{
  background:var(--ship-bg)!important;
}

.pro-wrap,.wrap{
  padding:14px 16px 24px!important;
}

.pro-topbar{
  min-height:58px!important;
  padding:9px 18px!important;
}

.brand-lockup .brand-mark{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
}

.brand-lockup h1{
  font-size:15px!important;
}

.top-nav a{
  min-height:32px!important;
  padding:7px 10px!important;
}

.kpi-grid{
  gap:8px!important;
  margin-bottom:10px!important;
}

.kpi{
  min-height:62px!important;
  padding:10px 12px!important;
  border-radius:7px!important;
}

.kpi strong{
  font-size:22px!important;
}

.toolbar-card{
  padding:10px 12px!important;
  border-radius:7px!important;
}

.tabs-pro{
  margin-bottom:10px!important;
}

.orders-card{
  padding:0!important;
  border-radius:8px!important;
  background:var(--ship-card)!important;
  border:1px solid var(--ship-border)!important;
  overflow:auto!important;
}

.bulkbar{
  position:static!important;
  top:auto!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--ship-border)!important;
  border-radius:0!important;
  background:#fff!important;
  padding:10px 12px!important;
}

.table-headline{
  padding:10px 12px!important;
  border-bottom:1px solid var(--ship-border)!important;
}

.pro-table{
  min-width:1280px!important;
  border:0!important;
  border-radius:0!important;
  table-layout:fixed!important;
}

.pro-table th,
.pro-table thead th{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  background:var(--ship-header)!important;
  color:#344054!important;
  padding:10px 10px!important;
  border-bottom:1px solid var(--ship-border)!important;
  font-size:10px!important;
  letter-spacing:.055em!important;
  font-weight:800!important;
}

.pro-table td,
.pro-table tbody tr.order-row td,
.pro-table tbody tr.order-row.tone-info td,
.pro-table tbody tr.order-row.tone-purple td,
.pro-table tbody tr.order-row.tone-success td,
.pro-table tbody tr.order-row.tone-success-soft td,
.pro-table tbody tr.order-row.tone-danger td,
.pro-table tbody tr.order-row.tone-muted td{
  padding:12px 10px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ship-border-soft)!important;
}

.pro-table tbody tr.order-row:nth-child(even) td{
  background:#fcfdff!important;
}

.pro-table tbody tr.order-row:hover td,
.pro-table tbody tr.order-row.tone-info:hover td,
.pro-table tbody tr.order-row.tone-purple:hover td,
.pro-table tbody tr.order-row.tone-success:hover td,
.pro-table tbody tr.order-row.tone-success-soft:hover td,
.pro-table tbody tr.order-row.tone-danger:hover td,
.pro-table tbody tr.order-row.tone-muted:hover td{
  background:#f1f6ff!important;
}

.pro-table tbody tr.group-row{
  display:table-row!important;
}

.pro-table tbody tr.group-row td{
  display:table-cell!important;
  padding:8px 12px!important;
  background:#eaf2ff!important;
  color:#164ca3!important;
  border-bottom:1px solid #cfe0ff!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

.pro-table tbody tr.group-row td:before{
  content:"Fecha de pedido: ";
  color:#5f6b7a!important;
  font-weight:600!important;
}

.pro-table th:nth-child(1),.pro-table td:nth-child(1){width:42px!important;}
.pro-table th:nth-child(2),.pro-table td:nth-child(2){width:340px!important;}
.pro-table th:nth-child(3),.pro-table td:nth-child(3){width:210px!important;}
.pro-table th:nth-child(4),.pro-table td:nth-child(4){width:210px!important;}
.pro-table th:nth-child(5),.pro-table td:nth-child(5){width:220px!important;}
.pro-table th:nth-child(6),.pro-table td:nth-child(6){width:190px!important;}
.pro-table th:nth-child(7),.pro-table td:nth-child(7){width:210px!important;}

.product-cell{
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:10px!important;
}

.prod-img,.prod-placeholder{
  width:56px!important;
  height:56px!important;
  border-radius:8px!important;
}

.sku-line b{
  font-size:13px!important;
}

.item-line small,td small{
  font-size:11px!important;
  line-height:1.32!important;
}

.badge,.label-pill,.label-state{
  padding:5px 9px!important;
  font-size:11px!important;
}

.actions-col,.actions{
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}

.actions-col .btn,.actions-col button{
  min-height:32px!important;
  border-radius:6px!important;
}

.floating-sync{
  right:12px!important;
  bottom:12px!important;
}

.floating-sync .btn{
  box-shadow:0 8px 18px rgba(31,95,229,.18)!important;
}

.floating-sync{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:6px!important;
}

/* ===== Crismar Ship Pro v11 - Seller Central style order list ===== */
:root{
  --seller-bg:#f7f8fa;
  --seller-row:#ffffff;
  --seller-line:#d8dde6;
  --seller-line-soft:#edf0f4;
  --seller-text:#1f2933;
  --seller-muted:#52606d;
  --seller-link:#146eb4;
  --seller-purple:#6b00a8;
  --seller-yellow:#ffd814;
  --seller-yellow-hover:#f7ca00;
}

body.pro-body{
  background:var(--seller-bg)!important;
  color:var(--seller-text)!important;
}

.orders-card.table-scroll{
  border:1px solid var(--seller-line)!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:auto!important;
}

.seller-headline{
  display:none!important;
}

.pro-table{
  min-width:1500px!important;
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  background:#fff!important;
}

.pro-table thead{
  display:none!important;
}

.pro-table th:nth-child(1),.pro-table td:nth-child(1){width:132px!important;}
.pro-table th:nth-child(2),.pro-table td:nth-child(2){width:340px!important;}
.pro-table th:nth-child(3),.pro-table td:nth-child(3){width:96px!important;}
.pro-table th:nth-child(4),.pro-table td:nth-child(4){width:360px!important;}
.pro-table th:nth-child(5),.pro-table td:nth-child(5){width:260px!important;}
.pro-table th:nth-child(6),.pro-table td:nth-child(6){width:250px!important;}
.pro-table th:nth-child(7),.pro-table td:nth-child(7){width:190px!important;}

.pro-table tbody tr.group-row td{
  padding:9px 14px!important;
  background:#eef5ff!important;
  color:#243b53!important;
  border-bottom:1px solid #c9d8ec!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:700!important;
}

.pro-table tbody tr.group-row td:before{
  content:"Fecha de pedido: "!important;
  color:#52606d!important;
  font-weight:500!important;
}

.pro-table tbody tr.order-row td,
.pro-table tbody tr.order-row.tone-info td,
.pro-table tbody tr.order-row.tone-purple td,
.pro-table tbody tr.order-row.tone-success td,
.pro-table tbody tr.order-row.tone-success-soft td,
.pro-table tbody tr.order-row.tone-danger td,
.pro-table tbody tr.order-row.tone-muted td{
  padding:10px 12px!important;
  vertical-align:top!important;
  background:var(--seller-row)!important;
  border-bottom:1px solid var(--seller-line)!important;
  color:var(--seller-text)!important;
}

.pro-table tbody tr.order-row:hover td,
.pro-table tbody tr.order-row.tone-info:hover td,
.pro-table tbody tr.order-row.tone-purple:hover td,
.pro-table tbody tr.order-row.tone-success:hover td,
.pro-table tbody tr.order-row.tone-success-soft:hover td,
.pro-table tbody tr.order-row.tone-danger:hover td,
.pro-table tbody tr.order-row.tone-muted:hover td{
  background:#fffdf2!important;
}

.seller-date-cell{
  position:relative!important;
  padding-left:28px!important;
  font-size:13px!important;
  line-height:1.5!important;
  color:#344054!important;
}

.seller-date-cell input{
  position:absolute!important;
  left:12px!important;
  top:14px!important;
}

.seller-date-cell strong{
  display:block!important;
  margin-left:10px!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:650!important;
}

.seller-date-cell span{
  display:block!important;
  margin-left:10px!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:400!important;
}

.seller-order-cell,
.seller-product-cell,
.seller-ship-cell,
.seller-status-cell{
  font-size:13px!important;
  line-height:1.45!important;
}

.seller-order-cell small,
.seller-product-cell small,
.seller-ship-cell small,
.seller-status-cell small{
  display:block!important;
  margin-top:3px!important;
  color:var(--seller-muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
}

.order-link{
  display:block!important;
  color:var(--seller-link)!important;
  text-decoration:none!important;
  font-weight:800!important;
  font-size:14px!important;
  margin-bottom:5px!important;
}

.order-id-wrap{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:6px!important;
}

.order-id-text{
  color:#1f2937!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
}

.copy-order{
  position:relative!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:opacity .15s ease, transform .15s ease!important;
}

.copy-order:before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:5px!important;
  width:9px!important;
  height:12px!important;
  border:1.4px solid #94a3b8!important;
  border-radius:2px!important;
  background:#f8fafc!important;
}

.copy-order:after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:7px!important;
  width:9px!important;
  height:12px!important;
  border:1.4px solid #475569!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:
    inset 0 3px 0 #fff,
    inset 0 4px 0 #cbd5e1,
    inset 0 7px 0 #fff,
    inset 0 8px 0 #cbd5e1!important;
}

.copy-order:hover{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  opacity:.9!important;
  transform:translateY(-1px)!important;
}

.copy-order:hover:before{
  border-color:#7aa7df!important;
}

.copy-order:hover:after{
  border-color:#2563eb!important;
  box-shadow:
    inset 0 3px 0 #fff,
    inset 0 4px 0 #93c5fd,
    inset 0 7px 0 #fff,
    inset 0 8px 0 #93c5fd!important;
}

.tracking-wrap{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:4px 0 7px!important;
  color:#475467!important;
  font-size:12px!important;
}

.tracking-link{
  color:#0b66c3!important;
  font-weight:600!important;
  text-decoration:none!important;
}

.tracking-link:hover{
  color:#004b91!important;
  text-decoration:underline!important;
}

.copy-tracking{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
}

.copy-tracking:before{
  left:5px!important;
  top:3px!important;
  width:9px!important;
  height:11px!important;
}

.copy-tracking:after{
  left:8px!important;
  top:6px!important;
  width:9px!important;
  height:11px!important;
}

.seller-order-cell b{
  display:block!important;
  margin:2px 0 5px!important;
  color:var(--seller-link)!important;
  font-weight:500!important;
}

.seller-image-cell{
  text-align:center!important;
}

.prod-img.seller-img,
.prod-placeholder.seller-img{
  width:62px!important;
  height:62px!important;
  border-radius:4px!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:none!important;
}

.prod-placeholder.seller-img{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#52606d!important;
  font-size:12px!important;
  font-weight:800!important;
}

.product-title{
  display:block!important;
  color:#111827!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  margin-bottom:4px!important;
}

.seller-ship-cell b{
  display:block!important;
  color:#111827!important;
  font-weight:800!important;
  margin-bottom:6px!important;
}

.seller-status-cell .badge,
.seller-status-cell .label-pill{
  display:inline-flex!important;
  margin:0 6px 6px 0!important;
  border-radius:999px!important;
  font-size:11px!important;
  padding:4px 9px!important;
  line-height:1!important;
}

.seller-status-cell details.timeline{
  margin-top:8px!important;
  color:#374151!important;
}

.seller-status-cell details.timeline summary{
  color:#111827!important;
  cursor:pointer!important;
  font-size:12px!important;
}

.actions-col.seller-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  align-items:stretch!important;
}

.seller-actions .btn{
  min-height:26px!important;
  height:auto!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

.seller-actions .seller-yellow{
  background:var(--seller-yellow)!important;
  color:#111827!important;
  border:1px solid #f0c000!important;
}

.seller-actions .seller-yellow:hover{
  background:var(--seller-yellow-hover)!important;
  border-color:#e0b400!important;
}

.seller-actions .seller-outline{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #9ca3af!important;
}

.seller-actions .seller-disabled{
  background:#e5e7eb!important;
  color:#6b7280!important;
  border:1px solid #d1d5db!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}

.qty-pill.hot{
  background:#fee2e2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}

.qty-pill.single{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border:1px solid #bfdbfe!important;
}

.seller-product-cell .qty-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  height:22px!important;
  margin-left:4px!important;
  font-weight:800!important;
}

@media(max-width:900px){
  .pro-table{
    min-width:1180px!important;
  }

  .pro-table th:nth-child(2),.pro-table td:nth-child(2){width:260px!important;}
  .pro-table th:nth-child(4),.pro-table td:nth-child(4){width:310px!important;}
  .pro-table th:nth-child(5),.pro-table td:nth-child(5){width:220px!important;}
  .pro-table th:nth-child(6),.pro-table td:nth-child(6){width:220px!important;}
}

/* ===== Crismar Ship Pro v12 - Amazon-like order management header ===== */
.seller-management-head{
  margin:6px 0 14px!important;
  padding:12px 2px 4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.seller-title-row{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

.seller-title-row h2{
  margin:0!important;
  color:#111827!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

.seller-title-row a{
  color:#146eb4!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:500!important;
}

.seller-title-row a + a:before{
  content:"|"!important;
  margin-right:8px!important;
  color:#8a94a6!important;
  font-weight:400!important;
}

.seller-subtitle{
  margin-top:6px!important;
  color:#374151!important;
  font-size:14px!important;
  font-weight:400!important;
}

.seller-status-tabs{
  display:flex!important;
  align-items:center!important;
  gap:32px!important;
  margin-top:12px!important;
  padding:0!important;
  border:0!important;
  overflow:auto!important;
}

.seller-status-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#1f5f9f!important;
  text-decoration:none!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:400!important;
  white-space:nowrap!important;
}

.seller-status-tabs a span{
  color:#ff6a00!important;
  font-weight:500!important;
}

.seller-status-tabs a.active{
  color:#1f5f9f!important;
  font-weight:800!important;
}

.seller-status-tabs a.active-muted{
  color:#1f5f9f!important;
}

.secondary-tabs{
  margin:0 0 10px!important;
  padding-top:0!important;
  border-top:1px solid #e5e7eb!important;
}

.secondary-tabs a{
  font-size:12px!important;
  padding:5px 8px!important;
}

@media(max-width:760px){
  .seller-title-row h2{
    font-size:24px!important;
  }

  .seller-status-tabs{
    gap:18px!important;
  }

  .seller-status-tabs a{
    font-size:15px!important;
  }
}

/* ===== Crismar Ship Pro v13 - no duplicated tabs and plain product title ===== */
span.product-title{
  cursor:default!important;
  color:#111827!important;
  text-decoration:none!important;
}

.ship-deadline-alert{
  display:block!important;
  max-width:190px!important;
  margin-bottom:7px!important;
  color:#7f1d1d!important;
  font-size:11px!important;
  line-height:1.45!important;
}

.ship-deadline-alert b{
  display:inline-block!important;
  margin-bottom:4px!important;
  padding:3px 6px!important;
  border-radius:3px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}

.ship-deadline-alert span{
  display:block!important;
  color:#7f1d1d!important;
  font-weight:600!important;
}

.toolbar-card{
  margin-bottom:10px!important;
}

.json-modal-backdrop.show{
  display:flex!important;
}

.json-modal{
  width:min(1040px, calc(100vw - 32px))!important;
  max-height:calc(100vh - 48px)!important;
  background:#fff!important;
  border:1px solid #d0d5dd!important;
  border-radius:8px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
}

.json-modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #e5e7eb!important;
}

.json-modal-head h3{
  margin:0 0 5px!important;
  font-size:16px!important;
  color:#111827!important;
}

.json-modal-head p{
  margin:0!important;
  font-size:12px!important;
}

.json-modal-head p.ok{color:#047857!important;font-weight:700!important;}
.json-modal-head p.bad{color:#b91c1c!important;font-weight:700!important;}

.json-modal-close{
  border:0!important;
  background:transparent!important;
  color:#475467!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
}

.json-modal pre{
  margin:0!important;
  padding:16px!important;
  max-height:calc(100vh - 150px)!important;
  overflow:auto!important;
  background:#0f172a!important;
  color:#d1e7ff!important;
  font-size:12px!important;
  line-height:1.45!important;
  white-space:pre-wrap!important;
}

.seller-product-line{
  display:block!important;
}

.seller-product-cell.multi .seller-product-line{
  min-height:154px!important;
}

.seller-product-line.with-separator{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #d8dee8!important;
}

.seller-product-cell.multi .seller-product-line.with-separator{
  margin-top:12px!important;
}

.seller-line-info{
  min-width:0!important;
}

.seller-image-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
}

.seller-image-slot{
  min-height:62px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}

.seller-image-stack.multi .seller-image-slot{
  min-height:154px!important;
}

.seller-image-slot.with-separator{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid transparent!important;
}

/* ===== Crismar Ship Pro v26 - Amazon-style multi product rows ===== */
.seller-items-cell{
  min-width:520px!important;
  width:36%!important;
  vertical-align:top!important;
}

.seller-item-line{
  display:grid!important;
  grid-template-columns:64px minmax(0, 1fr)!important;
  column-gap:16px!important;
  align-items:start!important;
}

.seller-item-line.with-separator{
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid #d8dee8!important;
}

.seller-item-img{
  width:64px!important;
  min-width:64px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

.seller-item-img .seller-img,
.seller-item-img .prod-img,
.seller-item-img .prod-placeholder{
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  object-fit:contain!important;
  border:1px solid #d7dee8!important;
  border-radius:4px!important;
  background:#fff!important;
}

.seller-item-line .seller-line-info{
  padding-top:0!important;
}

.seller-item-line .product-title,
.seller-item-line .seller-product-title{
  display:block!important;
  margin:0 0 6px!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:300!important;
  text-decoration:none!important;
}

.seller-items-cell .seller-product-title{
  font-weight:300!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

.seller-item-line .seller-line-info small{
  display:block!important;
  margin:2px 0!important;
  color:#344054!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:400!important;
}

/* ===== Crismar Ship Pro v28 - typography unified like Seller Central ===== */
.pro-table,
.pro-table *,
.seller-headline,
.seller-headline *,
.seller-status-tabs,
.seller-status-tabs *,
.filters-form,
.filters-form *,
.quick-filters,
.quick-filters *{
  font-family:Arial, Helvetica, sans-serif!important;
  letter-spacing:0!important;
}

.pro-table tbody td,
.pro-table tbody td small,
.pro-table tbody td span,
.pro-table tbody td b,
.pro-table tbody td strong,
.pro-table tbody td summary,
.seller-product-title,
.seller-order-cell b,
.seller-ship-cell b,
.seller-date-cell strong,
.order-id-text{
  font-weight:400!important;
}

.pro-table thead th{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:600!important;
  color:#111827!important;
  text-transform:none!important;
}

.seller-product-title{
  color:#111827!important;
  font-size:14px!important;
  line-height:1.35!important;
}

.seller-line-info small,
.seller-order-cell small,
.seller-ship-cell small,
.seller-status-cell small,
.seller-date-cell span{
  color:#334155!important;
  font-size:12px!important;
  line-height:1.4!important;
}

.order-id-text{
  color:#0055aa!important;
  font-size:14px!important;
}

.seller-order-cell b{
  color:#0055aa!important;
}

.seller-ship-cell b{
  color:#111827!important;
  font-size:14px!important;
}

.qty-pill,
.seller-status-cell .badge,
.seller-status-cell .label-pill,
.ship-deadline-alert b,
.seller-actions .btn,
.seller-actions button{
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:600!important;
}

/* ===== Crismar Ship Pro v29 - selected Seller Central emphasis ===== */
.pro-table tbody td .order-id-text{
  color:#0055aa!important;
  font-weight:600!important;
}

.pro-table tbody td .qty-pill,
.pro-table tbody td .qty-pill.single{
  color:#0055aa!important;
  background:#eaf3ff!important;
  border-color:#b8d7ff!important;
  font-weight:700!important;
}

.pro-table tbody td .qty-pill.hot{
  color:#b91c1c!important;
  background:#fee2e2!important;
  border-color:#fecaca!important;
  font-weight:700!important;
}

.pro-table tbody td.seller-ship-cell b{
  font-weight:700!important;
}

.seller-ship-cell .seller-destination{
  color:#334155!important;
  width:max-content!important;
  max-width:100%!important;
}

.seller-ship-cell .seller-destination-pill{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  margin-top:6px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  border:1px solid #b8d7ff!important;
  background:#eaf3ff!important;
  color:#0055aa!important;
  font-weight:600!important;
}

/* v91: tracking CTT mejor alineado y visible como enlace */
.seller-status-cell .tracking-wrap{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:5px 0 8px!important;
  line-height:18px!important;
  white-space:nowrap!important;
}

.seller-status-cell .tracking-wrap > span{
  color:#475467!important;
  font-size:12px!important;
}

.seller-status-cell .tracking-link{
  color:#0055aa!important;
  font-weight:600!important;
  text-decoration:none!important;
  line-height:18px!important;
}

.seller-status-cell .tracking-link:hover{
  color:#004b91!important;
  text-decoration:underline!important;
}

.seller-status-cell .copy-tracking{
  position:relative!important;
  top:0!important;
  margin-left:3px!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  align-self:center!important;
  transform:none!important;
}

.seller-status-cell .copy-tracking:hover{
  transform:translateY(-1px)!important;
}

/* v95: pedido Amazon abre Seller Central en pestana nueva estable */
.order-id-wrap .order-seller-link{
  cursor:pointer!important;
  font-family:Arial, Helvetica, sans-serif!important;
  text-decoration:none!important;
}

.order-id-wrap .order-seller-link:hover{
  text-decoration:underline!important;
  color:#004b91!important;
}

/* v97: paginacion de pedidos a 50 por pagina */
.seller-pagination{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:22px 16px 26px!important;
  border-top:1px solid #d9e0ea!important;
  background:#fff!important;
}

.seller-pagination__controls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

.pager-btn,
.pager-ellipsis{
  min-width:34px!important;
  height:34px!important;
  padding:0 12px!important;
  border:1px solid #c7d2e1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:14px!important;
  line-height:32px!important;
  text-align:center!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.pager-btn:hover{
  border-color:#0055aa!important;
  color:#0055aa!important;
  background:#f8fbff!important;
}

.pager-btn.active{
  border-color:#0055aa!important;
  color:#0055aa!important;
  background:#eef6ff!important;
  font-weight:700!important;
}

.pager-btn.disabled{
  color:#98a2b3!important;
  background:#f8fafc!important;
  border-color:#e4e7ec!important;
}

.pager-ellipsis{
  min-width:26px!important;
  padding:0 4px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#667085!important;
}

.seller-pagination__summary{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
}

/* v98: etiquetas internas de producto por ASIN y cantidad */
.product-label-action{
  border-color:#0b5cab!important;
  color:#0b5cab!important;
}

.product-label-config .toolbar-card h2{
  margin:0 0 8px!important;
}

.product-label-form{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(160px, 1fr))!important;
  gap:12px!important;
  align-items:end!important;
}

.product-label-form label{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  color:#344054!important;
  font-size:12px!important;
}

.product-label-form input{
  height:36px!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  padding:0 10px!important;
  font:14px Arial, Helvetica, sans-serif!important;
  color:#111827!important;
  background:#fff!important;
}

.product-label-form .checkline{
  flex-direction:row!important;
  align-items:center!important;
  height:36px!important;
}

.product-label-form .checkline input{
  width:16px!important;
  height:16px!important;
}

.product-label-form .form-actions,
.product-label-config .form-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:0!important;
  align-items:end!important;
}

.product-label-form.compact{
  grid-template-columns:minmax(220px, 460px) minmax(220px, 460px) auto!important;
  align-items:end!important;
}

.product-label-form.compact label{
  max-width:460px!important;
}

.product-label-form input[type="file"]{
  padding:5px!important;
  font-size:12px!important;
  color:#475467!important;
}

.product-label-form input[type="file"]::file-selector-button{
  height:26px!important;
  margin-right:8px!important;
  padding:0 10px!important;
  border:1px solid #cbd5e1!important;
  border-radius:6px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  font:700 12px Arial, Helvetica, sans-serif!important;
  cursor:pointer!important;
}

.product-label-form input[type="file"]::file-selector-button:hover{
  background:#eef4ff!important;
  border-color:#a9c3ee!important;
}

.small-number{
  width:70px!important;
  height:34px!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  padding:0 8px!important;
}

.asin-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.asin-pick-card{
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:10px!important;
  align-items:start!important;
  border:1px solid #d8e0ea!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:10px!important;
}

.asin-pick-img{
  width:58px!important;
  height:58px!important;
  border:1px solid #d8e0ea!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#f8fafc!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:700!important;
}

.asin-pick-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.asin-pick-info{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

.asin-pick-info strong{
  color:#0055aa!important;
  font-size:13px!important;
}

.asin-pick-info small{
  color:#52606d!important;
  font-size:11px!important;
}

.asin-pick-info p{
  margin:0!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.25!important;
  max-height:46px!important;
  overflow:hidden!important;
}

.template-product-cell{
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  min-width:210px!important;
}

.template-product-img{
  width:46px!important;
  height:46px!important;
  border:1px solid #d8e0ea!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#f8fafc!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:700!important;
}

.template-product-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  max-width:46px!important;
  max-height:46px!important;
}

.template-product-cell > div:last-child{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}

.template-product-cell strong{
  color:#0055aa!important;
}

.product-template-table{
  min-width:980px!important;
  table-layout:auto!important;
}

.product-template-table th:nth-child(1),
.product-template-table td:nth-child(1){
  width:420px!important;
  text-align:left!important;
}

.product-template-table th:nth-child(2),
.product-template-table td:nth-child(2){
  width:150px!important;
}

.product-template-table th:nth-child(3),
.product-template-table td:nth-child(3){
  width:210px!important;
}

.product-template-table th:nth-child(4),
.product-template-table td:nth-child(4){
  width:190px!important;
}

.product-template-table th:nth-child(5),
.product-template-table td:nth-child(5){
  width:130px!important;
}

.product-template-table th:nth-child(6),
.product-template-table td:nth-child(6){
  width:90px!important;
}

.product-template-table th:nth-child(7),
.product-template-table td:nth-child(7){
  width:150px!important;
}

.product-template-table tbody td{
  padding:10px 12px!important;
  vertical-align:top!important;
}

.product-template-table .template-product-cell{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}

.product-template-table .template-product-img{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  border:1px solid #d8e0ea!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#fff!important;
}

.product-template-table .template-product-img img{
  display:block!important;
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  object-fit:contain!important;
}

.product-template-table .template-product-cell strong{
  display:block!important;
  color:#0055aa!important;
  font-size:13px!important;
  line-height:1.2!important;
}

.product-template-table .template-product-cell small{
  display:block!important;
  color:#344054!important;
  font-size:12px!important;
  line-height:1.3!important;
  max-width:320px!important;
}

.product-label-print-body{
  margin:0!important;
  background:#fff!important;
  font-family:Helvetica, Arial, sans-serif!important;
  width:100mm!important;
  min-height:150mm!important;
}

.print-toolbar{
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  z-index:10!important;
  display:flex!important;
  gap:8px!important;
}

.print-toolbar button{
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  border-radius:7px!important;
  height:34px!important;
  padding:0 12px!important;
  font-weight:700!important;
}

.product-label-page{
  width:100mm!important;
  height:150mm!important;
  page-break-after:always!important;
  break-after:page!important;
  background:#fff!important;
  position:relative!important;
  overflow:hidden!important;
  color:#000!important;
  margin:0!important;
  box-sizing:border-box!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.product-label-page:last-of-type{
  page-break-after:auto!important;
  break-after:auto!important;
}

.product-label-bg{
  position:absolute!important;
  top:0!important;
  left:-76%!important;
  width:176%!important;
  height:100%!important;
  object-fit:fill!important;
  z-index:0!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.product-label-cover{
  position:absolute!important;
  background:#fff!important;
  z-index:1!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.product-label-cover-side{
  left:10mm!important;
  top:59mm!important;
  width:25mm!important;
  height:37mm!important;
}

.product-label-cover-content{
  left:58mm!important;
  top:96mm!important;
  width:38mm!important;
  height:38mm!important;
}

.product-label-side{
  position:absolute!important;
  left:28mm!important;
  top:94mm!important;
  width:34mm!important;
  transform:rotate(-90deg)!important;
  transform-origin:left top!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.9mm!important;
  font-size:7pt!important;
  line-height:1.15!important;
  z-index:2!important;
  letter-spacing:0!important;
  color:#000!important;
  font-weight:700!important;
}

.product-label-content{
  position:absolute!important;
  left:82mm!important;
  top:129mm!important;
  width:31mm!important;
  transform:rotate(-90deg)!important;
  transform-origin:left top!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.8mm!important;
  font-size:6.9pt!important;
  line-height:1.1!important;
  text-align:center!important;
  z-index:2!important;
  letter-spacing:0!important;
  color:#000!important;
  font-weight:700!important;
}

.product-label-content b{
  font-size:9.1pt!important;
  line-height:1!important;
}

@media(max-width:900px){
  .product-label-form{
    grid-template-columns:1fr!important;
  }
}

@media print{
  @page{ size:100mm 150mm portrait; margin:0; }
  html, body{
    width:100mm!important;
    height:150mm!important;
    background:#fff!important;
    margin:0!important;
    padding:0!important;
  }
  .print-toolbar{ display:none!important; }
  .product-label-page{
    margin:0!important;
    box-shadow:none!important;
  }
  .product-label-page:last-of-type{
    page-break-after:auto!important;
    break-after:auto!important;
  }
}

.product-label-html-body{
  margin:0!important;
  background:#fff!important;
  font-family:Helvetica, Arial, sans-serif!important;
  width:100mm!important;
  min-height:150mm!important;
}

.product-label-page-html{
  position:relative!important;
  width:100mm!important;
  height:150mm!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  break-after:page!important;
  page-break-after:always!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.product-label-page-html:last-of-type{
  break-after:auto!important;
  page-break-after:auto!important;
}

.product-label-svg-bg,
.product-label-svg-overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
}

.product-label-svg-bg{
  z-index:0!important;
}

.product-label-svg-overlay{
  z-index:1!important;
  pointer-events:none!important;
}

.product-label-svg-overlay .dynamic-text{
  font-family:"Helvetica LT Pro","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:700!important;
  fill:#000!important;
  text-rendering:geometricPrecision!important;
  letter-spacing:0!important;
}

.product-label-svg-overlay .fit-weight{ font-size:9.13537px!important; }
.product-label-svg-overlay .fit-pieces{ font-size:6.85149px!important; }
.product-label-svg-overlay .fit-lot,
.product-label-svg-overlay .fit-date{ font-size:7.00087px!important; }

.product-lot-gallery{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
  max-width:560px!important;
}

.product-lot-photo{
  width:64px!important;
  display:grid!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid #d5deea!important;
  border-radius:8px!important;
  background:#fff!important;
}

.product-lot-photo img{
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:cover!important;
  border:1px solid #e2e8f0!important;
  border-radius:6px!important;
  background:#f8fafc!important;
}

.product-lot-photo button{
  height:24px!important;
  min-height:24px!important;
  padding:0 5px!important;
  font-size:10px!important;
  border-radius:5px!important;
}

.product-lot-used{
  display:block!important;
  margin-top:8px!important;
  color:#6b3f00!important;
  font-weight:700!important;
}

/* v135: etiquetas CTT y modulo de producto mas limpio */
.labels-page .labels-filter-card{
  padding:14px!important;
  background:#fff!important;
  border-radius:8px!important;
}

.labels-filter-form{
  grid-template-columns:220px 220px 150px 150px!important;
  max-width:780px!important;
  gap:10px!important;
}

.labels-filter-form select{
  height:34px!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  padding:0 10px!important;
  font-size:12px!important;
  background:#fff!important;
  color:var(--text)!important;
}

.labels-page .days{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:10px 0 16px!important;
}

.labels-page .day{
  display:grid!important;
  gap:2px!important;
  min-width:132px!important;
  padding:10px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--muted-2)!important;
  text-decoration:none!important;
  box-shadow:0 6px 16px rgba(16,24,40,.04)!important;
}

.labels-page .day b{
  color:#0f172a!important;
  font-size:13px!important;
}

.labels-page .day span{
  font-size:12px!important;
  font-weight:700!important;
}

.labels-page .day.active{
  background:#0f172a!important;
  border-color:#0f172a!important;
  color:#fff!important;
}

.labels-page .day.active b,
.labels-page .day.active span{
  color:#fff!important;
}

.labels-card{
  padding:0!important;
  overflow:hidden!important;
  border-radius:8px!important;
}

.labels-card .table-headline{
  padding:14px 16px!important;
  border-bottom:1px solid var(--line)!important;
}

.labels-table{
  min-width:980px!important;
}

.labels-table th{
  background:#f8fafc!important;
  color:#475569!important;
}

.labels-table td{
  padding:12px 14px!important;
  vertical-align:middle!important;
}

.labels-table td:nth-child(1){
  width:110px!important;
  text-align:left!important;
}

.labels-table td:nth-child(2){
  width:320px!important;
}

.labels-table td:nth-child(3){
  width:360px!important;
}

.labels-table td:nth-child(4){
  width:280px!important;
}

.labels-table td:nth-child(5){
  width:260px!important;
}

.labels-table td > strong{
  color:#0f172a!important;
  font-weight:800!important;
}

.labels-table .label-pill{
  width:auto!important;
  max-width:100%!important;
  justify-content:flex-start!important;
  word-break:break-all!important;
}

.labels-table .actions-col{
  display:grid!important;
  gap:6px!important;
}

.labels-table .actions-col .btn,
.labels-table .actions-col button{
  width:100%!important;
  min-height:30px!important;
}

.product-label-config .toolbar-card{
  background:#fff!important;
}

.product-label-config .toolbar-card h2{
  margin-bottom:6px!important;
}

.product-label-form label span{
  font-size:11px!important;
  font-weight:800!important;
  color:#334155!important;
}

.product-label-form input::placeholder{
  color:#94a3b8!important;
}

.product-template-table .tracking-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #bfdbfe!important;
  border-radius:6px!important;
  background:#eff6ff!important;
  font-weight:800!important;
  text-decoration:none!important;
  color:#0b5bd3!important;
  cursor:pointer!important;
}

.product-label-preview-modal[hidden]{
  display:none!important;
}

.modal-open{
  overflow:hidden!important;
}

.product-label-preview-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
}

.product-label-preview-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(15,23,42,.62)!important;
  backdrop-filter:blur(4px)!important;
}

.product-label-preview-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(920px,96vw)!important;
  height:min(780px,92vh)!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  overflow:hidden!important;
  border:1px solid #d5deea!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 26px 80px rgba(15,23,42,.34)!important;
}

.product-label-preview-dialog header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-bottom:1px solid #e2e8f0!important;
  background:#f8fafc!important;
}

.product-label-preview-dialog header strong{
  color:#0f172a!important;
  font-size:14px!important;
}

.product-label-preview-dialog header div{
  display:flex!important;
  gap:8px!important;
}

.product-label-preview-dialog iframe{
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:#eef2f7!important;
}

@media print{
  @page{ size:100mm 150mm portrait; margin:0; }
  html, body.product-label-html-body{
    width:100mm!important;
    height:150mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  body.product-label-html-body .print-toolbar{
    display:none!important;
  }
  .product-label-page-html{
    margin:0!important;
    box-shadow:none!important;
  }
}

/* v138: modal centrado real para prueba de etiqueta de producto */
body .product-label-preview-modal[hidden]{
  display:none!important;
}

body .product-label-preview-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100vh!important;
  padding:24px!important;
  margin:0!important;
  background:transparent!important;
}

body .product-label-preview-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  background:rgba(15,23,42,.62)!important;
  backdrop-filter:blur(5px)!important;
}

body .product-label-preview-dialog{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:50px 1fr!important;
  width:min(620px,94vw)!important;
  height:min(820px,92vh)!important;
  max-width:94vw!important;
  max-height:92vh!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:1px solid #d5deea!important;
  border-radius:12px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  box-shadow:0 28px 90px rgba(15,23,42,.36)!important;
  transform:none!important;
}

body .product-label-preview-dialog > header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:52px!important;
  padding:10px 12px 10px 16px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #e2e8f0!important;
  background:#ffffff!important;
  color:#0f172a!important;
}

body .product-label-preview-bar{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 10px 8px 14px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #e2e8f0!important;
  background:#ffffff!important;
  color:#0f172a!important;
  box-shadow:none!important;
  transform:none!important;
}

body .product-label-preview-bar strong{
  color:#0f172a!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.2!important;
}

body .product-label-preview-bar > div{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

body .product-label-preview-dialog > header strong{
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:850!important;
}

body .product-label-preview-dialog > header div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

body .product-label-preview-x{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #cbd5e1!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:500!important;
  cursor:pointer!important;
}

body .product-label-preview-x:hover{
  background:#eaf1fb!important;
  border-color:#94a3b8!important;
}

body .product-label-preview-dialog iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  background:#eef2f7!important;
}

body.product-label-embed-body{
  width:100%!important;
  height:100%!important;
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  margin:0!important;
  overflow:auto!important;
  background:#eef2f7!important;
}

body.product-label-embed-body .product-label-page-html{
  flex:0 0 auto!important;
  margin:0!important;
  transform:scale(.86)!important;
  transform-origin:center center!important;
  box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
}

body.product-label-embed-body .print-toolbar{
  display:none!important;
}

/* v140: vista previa mas grande dentro del modal */
body .product-label-preview-dialog{
  width:min(700px,96vw)!important;
  height:min(860px,94vh)!important;
}

body.product-label-embed-body{
  padding:8px!important;
}

body.product-label-embed-body .product-label-page-html{
  transform:scale(.99)!important;
}

/* v141: la ampliacion es solo visual; al imprimir vuelve a tamano real */
@media screen{
  body .product-label-preview-dialog{
    width:min(700px,96vw)!important;
    height:min(860px,94vh)!important;
  }

  body.product-label-embed-body{
    padding:8px!important;
  }

  body.product-label-embed-body .product-label-page-html{
    transform:scale(.99)!important;
  }
}

@media print{
  body.product-label-embed-body{
    width:100mm!important;
    height:150mm!important;
    min-height:150mm!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body.product-label-embed-body .product-label-page-html{
    width:100mm!important;
    height:150mm!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    transform-origin:top left!important;
    box-shadow:none!important;
  }
}

/* v142: modal de prueba mas grande solo en pantalla */
@media screen{
  body .product-label-preview-dialog{
    width:min(780px,97vw)!important;
    height:min(900px,96vh)!important;
  }

  body.product-label-embed-body .product-label-page-html{
    transform:scale(1.08)!important;
  }
}

@media print{
  body.product-label-embed-body .product-label-page-html{
    transform:none!important;
  }
}

/* v143: lote comun calculado por fecha + partida */
.product-label-config #global_lot_part{
  max-width:120px!important;
  font-weight:850!important;
  text-align:center!important;
}

.product-label-config #global_lot_preview{
  background:#f8fafc!important;
  color:#0f172a!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}

/* v147: historial de lotes de etiquetas de producto */
.product-lot-history-card{
  margin-top:12px!important;
  overflow:hidden!important;
  background:#fff!important;
}

.product-lot-history-card .table-headline{
  align-items:center!important;
  padding:14px 16px!important;
}

.product-lot-history-card .table-headline small{
  color:#64748b!important;
  font-size:12px!important;
}

.product-lot-history{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
}

.product-lot-search{
  display:grid!important;
  grid-template-columns:minmax(320px, 1fr) auto auto!important;
  gap:10px!important;
  align-items:end!important;
  padding:12px 14px!important;
  border-bottom:1px solid #e5edf7!important;
  background:#fff!important;
}

.product-lot-search label{
  display:grid!important;
  gap:5px!important;
}

.product-lot-search span{
  color:#475569!important;
  font-size:11px!important;
  font-weight:800!important;
}

.product-lot-search input{
  height:36px!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  padding:0 11px!important;
  color:#0f172a!important;
  background:#fff!important;
  font-size:13px!important;
}

.product-lot-search .btn{
  height:36px!important;
  min-height:36px!important;
  align-items:center!important;
}

.product-lot-group{
  border:1px solid #dbe4f0!important;
  border-radius:8px!important;
  background:#fbfdff!important;
  overflow:hidden!important;
}

.product-lot-group-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-bottom:1px solid #e5edf7!important;
  background:#f8fbff!important;
}

.product-lot-group-head strong{
  display:block!important;
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:850!important;
}

.product-lot-group-head small,
.product-lot-part-main small{
  display:block!important;
  margin-top:2px!important;
  color:#64748b!important;
  font-size:12px!important;
}

.product-lot-parts{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

.product-lot-part{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid #e2e8f0!important;
  border-radius:8px!important;
  background:#fff!important;
}

.product-lot-part-main{
  display:grid!important;
  grid-template-columns:minmax(170px,.8fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}

.lot-code-pill{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:3px 9px!important;
  border:1px solid #b8d7ff!important;
  border-radius:999px!important;
  background:#eaf3ff!important;
  color:#0055aa!important;
  font-weight:850!important;
  font-size:12px!important;
}

.product-lot-history-photos{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

.product-lot-history-photos a{
  display:block!important;
  width:58px!important;
  height:58px!important;
  border:1px solid #d5deea!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#f8fafc!important;
}

.product-lot-history-photos img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.product-lot-orders{
  display:grid!important;
  gap:5px!important;
  padding-top:2px!important;
}

.product-lot-order-row{
  display:grid!important;
  grid-template-columns:168px minmax(95px,.7fr) minmax(130px,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 8px!important;
  border:1px solid #edf2f7!important;
  border-radius:6px!important;
  background:#fbfdff!important;
  font-size:12px!important;
}

.product-lot-order-row a{
  color:#0055aa!important;
  font-weight:850!important;
  text-decoration:none!important;
}

.product-lot-order-row span{
  color:#334155!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.product-lot-order-row small{
  color:#64748b!important;
  text-align:right!important;
}

@media (max-width: 760px){
  .product-lot-parts{
    grid-template-columns:1fr!important;
  }
  .product-lot-search,
  .product-lot-part-main,
  .product-lot-order-row{
    grid-template-columns:1fr!important;
  }
  .product-lot-order-row small{
    text-align:left!important;
  }
}

/* v164: etiquetas de producto sin panel lateral */
body.product-labels-body{
  padding-left:0!important;
  overflow-x:hidden!important;
}

body.product-labels-body .pro-topbar{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:62px!important;
  padding:10px 20px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:rgba(255,255,255,.98)!important;
  color:#0f172a!important;
  border-right:0!important;
  border-bottom:1px solid #d8e1ee!important;
  box-shadow:0 2px 10px rgba(16,24,40,.045)!important;
  overflow:visible!important;
}

body.product-labels-body .brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:280px!important;
  margin:0!important;
}

body.product-labels-body .brand-lockup .brand-mark{
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border-radius:8px!important;
  background:#1d2939!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:15px!important;
}

body.product-labels-body .brand-lockup h1{
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:700!important;
  margin:0!important;
}

body.product-labels-body .brand-lockup span{
  display:block!important;
  color:#667085!important;
  font-size:11px!important;
}

body.product-labels-body .provider-chip{
  display:inline-flex!important;
  width:auto!important;
  margin:0 0 0 8px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #d8e1ee!important;
  color:#344054!important;
  font-size:11px!important;
}

body.product-labels-body .top-nav{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  overflow:visible!important;
}

body.product-labels-body .top-nav a{
  min-height:34px!important;
  padding:8px 11px!important;
  border-radius:8px!important;
  color:#344054!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-weight:600!important;
  text-decoration:none!important;
}

body.product-labels-body .top-nav a.active,
body.product-labels-body .top-nav a:hover{
  background:#2563eb!important;
  color:#fff!important;
}

body.product-labels-body .product-label-config{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px 16px 28px!important;
}

body.product-labels-body .product-lot-history-card,
body.product-labels-body .product-lot-history,
body.product-labels-body .product-lot-group,
body.product-labels-body .product-lot-group-head,
body.product-labels-body .product-lot-parts,
body.product-labels-body .product-lot-part,
body.product-labels-body .product-lot-part-main,
body.product-labels-body .product-lot-history-photos,
body.product-labels-body .product-lot-orders,
body.product-labels-body .product-lot-order-row{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  float:none!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
}

body.product-labels-body .product-lot-history-card{
  margin:12px 0 0!important;
  clear:both!important;
}

body.product-labels-body .product-lot-history{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px!important;
}

body.product-labels-body .product-lot-group{
  display:block!important;
  min-height:0!important;
  border-radius:8px!important;
  background:#fff!important;
}

body.product-labels-body .product-lot-group-head{
  height:auto!important;
  min-height:0!important;
  padding:8px 12px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  background:#f8fbff!important;
  color:#0f172a!important;
  border:0!important;
  border-bottom:1px solid #e5edf7!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.product-labels-body .product-lot-group-head strong{
  font-size:14px!important;
  line-height:1.2!important;
}

body.product-labels-body .product-lot-group-head small{
  font-size:11px!important;
  line-height:1.25!important;
}

body.product-labels-body .product-lot-parts{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:8px!important;
}

body.product-labels-body .product-lot-part{
  gap:7px!important;
  padding:9px 10px!important;
  border-radius:7px!important;
}

body.product-labels-body .product-lot-part-main{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body.product-labels-body .product-lot-part-main .muted-text{
  max-width:40vw!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}

body.product-labels-body .product-lot-orders{
  gap:4px!important;
}

body.product-labels-body .product-lot-order-row{
  grid-template-columns:170px minmax(110px,1fr) 160px!important;
  min-height:26px!important;
  padding:4px 8px!important;
  font-size:11px!important;
}

body.product-labels-body .product-lot-order-row small{
  font-size:10px!important;
}

body.product-labels-body .lot-code-pill{
  padding:2px 8px!important;
  font-size:11px!important;
}

@media (max-width: 820px){
  body.product-labels-body .pro-topbar{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }

  body.product-labels-body .top-nav{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}

/* v149: barra de acciones de pedidos siempre visible al bajar */
.orders-card.table-scroll{
  overflow-x:auto!important;
  overflow-y:visible!important;
}

.orders-card.table-scroll .bulkbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #d8e2ef!important;
  border-radius:0!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:saturate(130%) blur(8px)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
}

.orders-card.table-scroll .bulk-actions{
  align-items:center!important;
}

.floating-bulkbar{
  position:fixed!important;
  left:50%!important;
  bottom:6px!important;
  transform:translate(-50%, 18px)!important;
  z-index:120!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  max-width:calc(100vw - 28px)!important;
  padding:10px 12px!important;
  border:1px solid #cbd8e8!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.2)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease, transform .16s ease!important;
}

body:has(.floating-bulkbar.show) .seller-pagination{
  margin-bottom:78px!important;
}

.floating-bulkbar.show{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%, 0)!important;
}

.floating-bulkbar-status{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-width:112px!important;
  height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#0055aa!important;
  font-size:12px!important;
  font-weight:850!important;
}

.floating-bulkbar.has-selection .floating-bulkbar-status{
  background:#e7f8ef!important;
  color:#047857!important;
}

.floating-bulkbar-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}

.floating-bulkbar .btn{
  height:32px!important;
  min-height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

@media (max-width: 980px){
  .floating-bulkbar{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    transform:translateY(18px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .floating-bulkbar.show{
    transform:translateY(0)!important;
  }
  .floating-bulkbar-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

.transparency-code-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.transparency-code-line .copy-order {
  flex: 0 0 auto;
}

#crismarImageModal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, .62);
  z-index: 2147483647;
  padding: 32px;
}

#crismarImageModal.open {
  display: flex;
}

.crismar-image-modal-img {
  max-width: min(720px, 92vw);
  max-height: 86vh;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}

.crismar-image-modal-close {
  position: fixed;
  top: 22px;
  right: 26px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  font-size: 28px;
  line-height: 42px;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.seller-product-cell img,
.product-image img,
img.product-thumb {
  cursor: zoom-in;
}
.seller-product-cell img,
.seller-image-cell img,
.seller-thumb img,
td img {
  cursor: zoom-in;
}

.copy-order.copied-ok {
  border-color: #16a34a !important;
  background: #dcfce7 !important;
}
.copy-order.copied-ok::before {
  content: "✓" !important;
  color: #15803d !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

.copy-order.copied-ok {
  background-image: none !important;
  color: transparent !important;
  position: relative !important;
}
.copy-order.copied-ok::after {
  display: none !important;
  content: none !important;
}
.copy-order.copied-ok::before {
  content: "✓" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #15803d !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.copy-order.copied-ok {
  background: #16a34a !important;
  border-color: #15803d !important;
  border-radius: 999px !important;
  background-image: none !important;
  box-shadow: 0 0 0 2px rgba(22,163,74,.18) !important;
}
.copy-order.copied-ok::after {
  display: none !important;
  content: none !important;
}
.copy-order.copied-ok::before {
  content: "✓" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.copy-order.copied-ok {
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #16a34a !important;
  background-image: none !important;
  box-shadow: 0 0 0 3px rgba(22,163,74,.16) !important;
  position: relative !important;
}
.copy-order.copied-ok::after {
  display: none !important;
  content: none !important;
}
.copy-order.copied-ok::before {
  content: "" !important;
  position: absolute !important;
  width: 10px !important;
  height: 7px !important;
  left: 4px !important;
  top: 5px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
  background: transparent !important;
}

.copy-order.copied-ok {
  width: 15px !important;
  height: 15px !important;
}
.copy-order.copied-ok::before {
  width: 8px !important;
  height: 5px !important;
  left: 3.5px !important;
  top: 4.5px !important;
  border-left-width: 1.8px !important;
  border-bottom-width: 1.8px !important;
}

.copy-order.copied-ok {
  width: 16px !important;
  height: 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.copy-order.copied-ok::after {
  display: none !important;
  content: none !important;
}
.copy-order.copied-ok::before {
  content: "" !important;
  position: absolute !important;
  width: 9px !important;
  height: 5px !important;
  left: 3px !important;
  top: 4px !important;
  border-left: 2px solid #16a34a !important;
  border-bottom: 2px solid #16a34a !important;
  transform: rotate(-45deg) !important;
  background: transparent !important;
}

.copy-order.copied-ok {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.copy-order.copied-ok::after {
  display: none !important;
  content: none !important;
}
.copy-order.copied-ok::before {
  content: "✅" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  font-size: 13px !important;
  line-height: 1 !important;
  transform: none !important;
  border: 0 !important;
}

.copy-order.copied-ok {
  vertical-align: middle !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 4px !important;
  transform: translateY(1px) !important;
}
.copy-order.copied-ok::before {
  position: static !important;
  inset: auto !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 16px !important;
}

.copy-order,
.copy-order.copied-ok {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 4px !important;
  transform: translateY(-1px) !important;
}
.copy-order.copied-ok::before {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  transform: none !important;
}

.copy-order.copied-ok {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-image: none !important;
}
.copy-order.copied-ok svg,
.copy-order.copied-ok img,
.copy-order.copied-ok i {
  display: none !important;
}
.copy-order.copied-ok::after {
  display: none !important;
  content: none !important;
}
.copy-order.copied-ok::before {
  content: "✅" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 13px !important;
  line-height: 16px !important;
  color: initial !important;
  background: transparent !important;
  transform: none !important;
  border: 0 !important;
}

.copy-order.copied-ok::before {
  font-size: 15px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}

/* crismar_ship_stats_header */
.top-title-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.ship-stats-header{
  min-width:300px;
  max-width:360px;
  background:#ffffff;
  border:1px solid #d8e1ee;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(15,35,65,.08);
  padding:10px 12px;
  color:#17233a;
}

.ship-stats-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.ship-stats-head b{
  font-size:13px;
  color:#17233a;
}

.ship-stats-head span{
  font-size:11px;
  color:#64748b;
}

.ship-stats-month{
  display:grid;
  grid-template-columns:54px 1fr 42px;
  gap:8px;
  align-items:center;
  margin-top:6px;
  font-size:12px;
}

.ship-stats-month span{
  color:#53647c;
}

.ship-stats-bar{
  height:8px;
  border-radius:999px;
  background:#eef3f9;
  overflow:hidden;
}

.ship-stats-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#8fb7ff;
}

.ship-stats-month strong{
  text-align:right;
  color:#17233a;
}

.ship-stats-month.current span,
.ship-stats-month.current strong{
  color:#087047;
  font-weight:800;
}

.ship-stats-month.current .ship-stats-bar i{
  background:#10b981;
}

@media(max-width:900px){
  .top-title-wrap{
    display:block;
  }

  .ship-stats-header{
    margin-top:12px;
    min-width:0;
    max-width:none;
  }
}

/* crismar_ship_stats_header_position_fix */
.seller-management-head{
  position:relative;
}

.seller-management-head .ship-stats-header{
  position:absolute;
  right:14px;
  top:14px;
}

@media(max-width:1100px){
  .seller-management-head .ship-stats-header{
    position:static;
    margin-top:12px;
  }
}

/* crismar_ship_stats_header_position_tune */
.seller-management-head .ship-stats-header{
  top:8px;
  right:16px;
}

/* crismar_ship_stats_header_position_tune_2 */
.seller-management-head .ship-stats-header{
  top:2px;
}