/* V3.23 Dashboard Module CSS.
   Future dashboard/table/attempt-card changes go here first.
   Current stable styles remain in app.css for this safe phase.
*/


/* --------------------------------------------------------------------------
   V3.26.1 Header Pagination UI Fix - Calling Dashboard
-------------------------------------------------------------------------- */
.calling-titlebar{
  position:sticky!important;
  top:0!important;
  z-index:55!important;
  margin:-2px -2px 12px!important;
  padding:13px 16px!important;
  border:1px solid #dbeafe!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.94))!important;
  box-shadow:0 14px 35px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(12px);
}
.calling-titlebar h1{margin:0!important;font-size:24px!important}
.calling-title-sub{font-size:12px!important;color:#64748b!important;font-weight:800!important}
.order-tools-toggle button{
  background:#0f172a!important;
  color:#fff!important;
  border:0!important;
  padding:10px 13px!important;
  border-radius:999px!important;
}
.livebar{
  border-radius:16px!important;
  background:linear-gradient(135deg,#ecfdf5,#eff6ff)!important;
  border:1px solid #bfdbfe!important;
}
.live-dot{
  box-shadow:0 0 0 6px rgba(34,197,94,.12),0 0 14px rgba(34,197,94,.55)!important;
}
.filter-card{
  background:#fff!important;
  border:1px solid #dbeafe!important;
}
.bulk-bar,.calling-pagination-card{
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px solid #dbe4ef!important;
  box-shadow:var(--crm-shadow-soft)!important;
}
.table-scroll.mockup-table-wrap{
  border-radius:18px!important;
  overflow:auto!important;
  border:1px solid #d8e2ef!important;
  box-shadow:0 16px 40px rgba(15,23,42,.08)!important;
  background:#fff!important;
}
.sheet-table.mockup-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.sheet-table.mockup-table th{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  background:linear-gradient(180deg,#f8fafc,#eef4fb)!important;
  border-bottom:1px solid #cbd5e1!important;
  height:42px!important;
  white-space:nowrap!important;
}
.sheet-table.mockup-table td{
  vertical-align:top!important;
  background:#fff;
  transition:background .12s ease;
}
.sheet-table.mockup-table tr:nth-child(even) td{background:#fcfdff}
.sheet-table.mockup-table tr:hover td{background:#f8fbff!important}
.sheet-table.mockup-table tr.focus-pulse td{
  background:#eff6ff!important;
  box-shadow:inset 0 0 0 9999px rgba(37,99,235,.025);
}
.order-id-cell,.mobile-cell,.attempts-summary-cell{font-weight:850}
.mobile-cell{white-space:nowrap!important}
.address-cell{line-height:1.38!important;color:#334155!important}
.product-cell{color:#334155!important}
.price-cell{font-weight:950!important;color:#0f172a!important}
.attempts-summary-th{min-width:420px!important}
.attempts-summary-cell{min-width:420px!important}
.attempt-card,.attempt-mini,.attempt-chip,.attempt-box{
  border-radius:14px!important;
  box-shadow:0 6px 16px rgba(15,23,42,.05)!important;
}
.attempt-card:hover,.attempt-mini:hover,.attempt-box:hover{transform:translateY(-1px)}
.status-tag,.status-badge,.signal-badge{
  border-radius:999px!important;
  font-weight:950!important;
}
.admin-cnf-table-cell{text-align:center!important}
.page-btn,.page-num{
  border-radius:999px!important;
  border:1px solid #dbe4ef!important;
  background:#fff!important;
  box-shadow:0 5px 12px rgba(15,23,42,.04)!important;
}
.page-num.active{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
}
.rto-row td,.row-rto td{
  background:#fff7ed!important;
}
.old-row td,.row-old td,.closed-row td{
  background:#f8fafc!important;
  color:#64748b!important;
}
.copy-mobile,.mobile-copy,.copy-phone{
  border-radius:999px!important;
}


/* --------------------------------------------------------------------------
   V3.26.1 Header + Pagination Version Fix
   - Makes calling table header readable and premium.
   - Moves version badge out of fixed bottom-right so pagination is not blocked.
-------------------------------------------------------------------------- */

/* Calling title/header readability */
.calling-titlebar{
  background:linear-gradient(135deg,#ffffff,#eef6ff)!important;
  border:1px solid #cfe0f7!important;
}
.calling-titlebar h1{
  color:#0f172a!important;
  opacity:1!important;
  text-shadow:none!important;
}
.calling-titlebar .calling-title-sub,
.calling-titlebar span{
  color:#475569!important;
  opacity:1!important;
}

/* Table header: dark premium header with crisp readable text */
.mockup-table th,
.sheet-table.mockup-table th,
.table-scroll .mockup-table th,
.table-scroll .sheet-table.mockup-table th{
  background:linear-gradient(180deg,#172033 0%,#0f172a 100%)!important;
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
  border-top:3px solid #f97316!important;
  border-bottom:1px solid #243247!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.mockup-table th *,
.sheet-table.mockup-table th *{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}
.mockup-table th.th-center,
.mockup-table th.th-attempts,
.sheet-table.mockup-table th.th-center,
.sheet-table.mockup-table th.th-attempts{
  text-align:center!important;
}

/* Keep ordinary admin/date overview headers readable too */
.card table th:not(.mockup-table th){
  color:#334155!important;
  opacity:1!important;
}

/* Version badge no longer floats over pagination */
.version-badge{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 30px)!important;
  margin:8px auto 14px!important;
  padding:6px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e5edf7 100%)!important;
  border:1px solid #d5e0ef!important;
  color:#94a3b8!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-shadow:1px 1px 0 rgba(255,255,255,.9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(15,23,42,.06)!important;
  opacity:.82!important;
  pointer-events:none!important;
}

/* Pagination gets breathing room after version changed */
.calling-pagination-card{
  margin-bottom:6px!important;
}
.wrap{
  padding-bottom:20px!important;
}


/* --------------------------------------------------------------------------
   V3.26.2 Full Screen Delete UI Fix
   - Version moved into top MASH brand/header.
   - Bottom version badge removed.
   - Bulk delete bar removed; table header checkbox handles select-all delete.
   - Dashboard table gets more usable screen height.
-------------------------------------------------------------------------- */
.brand-sub.brand-version{
  color:#bfdbfe!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  margin-top:5px!important;
}
.version-badge{
  display:none!important;
}
.bulk-bar{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.calling-titlebar{
  margin-bottom:8px!important;
  padding:10px 14px!important;
}
.calling-titlebar h1{
  font-size:22px!important;
  line-height:1.05!important;
}
.calling-title-sub{
  color:#475569!important;
  font-weight:900!important;
  font-size:11px!important;
}
.order-extra-tools.is-collapsed{
  display:none!important;
}
.mockup-table-wrap,
.table-scroll.mockup-table-wrap{
  height:calc(100vh - 148px)!important;
  max-height:calc(100vh - 148px)!important;
  min-height:520px!important;
  margin-top:0!important;
}
.role-csr .mockup-table-wrap,
.role-csr .table-scroll.mockup-table-wrap{
  height:calc(100vh - 128px)!important;
  max-height:calc(100vh - 128px)!important;
}
.check-cell{
  text-align:center!important;
}
.select-all-delete,
.mockup-table .check-cell input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  accent-color:#ef4444!important;
  cursor:pointer!important;
  border-radius:6px!important;
}
.mockup-table th.check-cell{
  background:linear-gradient(180deg,#172033,#0f172a)!important;
}
.mockup-table .check-cell input[type="checkbox"]:hover{
  filter:drop-shadow(0 0 7px rgba(239,68,68,.55));
}
.calling-pagination-card{
  margin-top:6px!important;
  margin-bottom:0!important;
  padding:8px 12px!important;
}
.calling-pagination-card .small{
  margin:0 0 6px!important;
}
.wrap{
  padding-bottom:10px!important;
}
@media(max-width:760px){
  .mockup-table-wrap,.table-scroll.mockup-table-wrap{
    height:calc(100vh - 138px)!important;
    max-height:calc(100vh - 138px)!important;
    min-height:420px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.26.3 Compact Delete UI + Admin CNF Button Polish
-------------------------------------------------------------------------- */
.brand-sub.brand-version{
  color:#bfdbfe!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
}
.calling-title-sub{
  color:#475569!important;
  font-weight:900!important;
}
.bulk-delete-floating{
  position:fixed!important;
  right:22px!important;
  top:140px!important;
  z-index:90!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff,#fef2f2)!important;
  border:1px solid #fecaca!important;
  box-shadow:0 18px 44px rgba(127,29,29,.18)!important;
  backdrop-filter:blur(12px)!important;
}
.bulk-delete-floating[hidden]{
  display:none!important;
}
.bulk-delete-floating span{
  color:#991b1b!important;
  font-size:12px!important;
  font-weight:950!important;
  min-width:78px!important;
  text-align:center!important;
}
.bulk-delete-floating .btn.red{
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ef4444,#b91c1c)!important;
  border:1px solid #991b1b!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(220,38,38,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.select-all-delete{
  width:18px!important;
  height:18px!important;
  accent-color:#2563eb!important;
}
.select-all-delete:checked{
  filter:drop-shadow(0 0 6px rgba(37,99,235,.50));
}
.mockup-table .check-cell input[type="checkbox"]:checked{
  filter:drop-shadow(0 0 6px rgba(37,99,235,.40));
}

/* Admin CNF should look like a real premium button */
.admin-cnf-dashboard-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:68px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 55%,#15803d 100%)!important;
  border:1px solid #0f7a35!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  box-shadow:
    0 12px 22px rgba(22,163,74,.28),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.12)!important;
  transform:translateY(0)!important;
}
.admin-cnf-dashboard-btn::before{
  content:"✓";
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  font-size:10px!important;
  color:#fff!important;
}
.admin-cnf-dashboard-btn:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 14px 26px rgba(22,163,74,.35),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -2px 0 rgba(0,0,0,.12)!important;
}
.admin-cnf-dashboard-btn:active{
  transform:translateY(0)!important;
  box-shadow:0 7px 16px rgba(22,163,74,.25), inset 0 2px 4px rgba(0,0,0,.12)!important;
}
.mockup-table .admin-cnf-table-cell{
  overflow:visible!important;
}
@media(max-width:900px){
  .bulk-delete-floating{
    top:auto!important;
    right:12px!important;
    bottom:14px!important;
  }
}


/* --------------------------------------------------------------------------
   V3.26.4 Bulk Delete Left + Admin CNF Premium Two-line Button
-------------------------------------------------------------------------- */
.bulk-delete-floating{
  left:22px!important;
  right:auto!important;
  top:138px!important;
  transform:none!important;
  border-color:#bfdbfe!important;
  background:linear-gradient(135deg,#ffffff,#eff6ff)!important;
  box-shadow:0 18px 44px rgba(37,99,235,.16)!important;
}
.bulk-delete-floating span{
  color:#1e3a8a!important;
}
.bulk-delete-floating .btn.red{
  background:linear-gradient(180deg,#ef4444,#b91c1c)!important;
}
.mockup-table .check-cell input[type="checkbox"]:checked,
.select-all-delete:checked{
  accent-color:#2563eb!important;
}
.admin-cnf-dashboard-btn,
.admin-cnf-confirmed{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:70px!important;
  height:38px!important;
  padding:3px 10px!important;
  border-radius:13px!important;
  text-decoration:none!important;
  line-height:1!important;
  overflow:hidden!important;
}
.admin-cnf-dashboard-btn{
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 58%,#15803d 100%)!important;
  border:1px solid #0f7a35!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(22,163,74,.30), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -2px 0 rgba(0,0,0,.13)!important;
}
.admin-cnf-dashboard-btn::before{
  display:none!important;
  content:none!important;
}
.admin-cnf-dashboard-btn .cnf-main,
.admin-cnf-confirmed .cnf-main{
  display:block!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
  color:inherit!important;
  text-transform:uppercase!important;
}
.admin-cnf-dashboard-btn .cnf-sub,
.admin-cnf-confirmed .cnf-sub{
  display:block!important;
  margin-top:2px!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  color:rgba(255,255,255,.88)!important;
  text-transform:uppercase!important;
}
.admin-cnf-dashboard-btn:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}
.admin-cnf-dashboard-btn.is-loading{
  opacity:.72!important;
  pointer-events:none!important;
}
.admin-cnf-confirmed{
  background:linear-gradient(180deg,#ecfdf5,#dcfce7)!important;
  border:1px solid #86efac!important;
  color:#14532d!important;
  box-shadow:0 9px 18px rgba(22,163,74,.13), inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.admin-cnf-confirmed .cnf-sub{
  color:#15803d!important;
}
.admin-cnf-confirmed em{
  display:block!important;
  margin-top:1px!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:950!important;
  color:#64748b!important;
  letter-spacing:.04em!important;
}
@media(max-width:900px){
  .bulk-delete-floating{
    left:12px!important;
    right:auto!important;
    bottom:14px!important;
    top:auto!important;
  }
}


/* --------------------------------------------------------------------------
   V3.26.5 Confirmed Admin Done State + Ajax Popup UX
-------------------------------------------------------------------------- */
body.modal-open{
  overflow:hidden!important;
}
.admin-cnf-confirmed.admin-cnf-done{
  min-width:74px!important;
  height:38px!important;
  cursor:default!important;
  pointer-events:none!important;
  opacity:.92!important;
  background:linear-gradient(180deg,#f1f5f9,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(15,23,42,.08)!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-main{
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  color:#334155!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-sub{
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  color:#64748b!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done em{
  display:none!important;
}
.attempt-chip.is-loading,
.attempt-summary-link.is-loading,
.attempt-call.is-loading{
  opacity:.62!important;
  pointer-events:none!important;
  position:relative!important;
}
.attempt-chip.is-loading::after,
.attempt-summary-link.is-loading::after,
.attempt-call.is-loading::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  border:2px solid rgba(37,99,235,.18);
  border-top-color:rgba(37,99,235,.75);
  animation:crmSpin .7s linear infinite;
}
@keyframes crmSpin{to{transform:rotate(360deg)}}
.modal-bg{
  animation:crmModalFade .12s ease-out both;
}
.modal{
  animation:crmModalPop .16s ease-out both;
}
@keyframes crmModalFade{from{opacity:0}to{opacity:1}}
@keyframes crmModalPop{from{opacity:.8;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}


/* --------------------------------------------------------------------------
   V3.26.6 Latest Row Highlight + Live Chip Polish
-------------------------------------------------------------------------- */

/* Old active locks should not keep full green row highlight. Keep them subtle. */
.mockup-table tr.working-row td,
.sheet-table.mockup-table tr.working-row td{
  background:#ffffff!important;
  border-top:1px solid #e8eef6!important;
  border-bottom:1px solid #e8eef6!important;
  box-shadow:none!important;
}
.mockup-table tr.working-row td:first-child,
.sheet-table.mockup-table tr.working-row td:first-child{
  box-shadow:inset 4px 0 0 #f59e0b!important;
}

/* Only the latest working/admin action row gets the premium highlight. */
.mockup-table tr.latest-working-row td,
.sheet-table.mockup-table tr.latest-working-row td{
  background:linear-gradient(180deg,#f0fdf4,#ecfdf5)!important;
  border-top:2px solid #22c55e!important;
  border-bottom:2px solid #22c55e!important;
  box-shadow:none!important;
}
.mockup-table tr.latest-working-row td:first-child,
.sheet-table.mockup-table tr.latest-working-row td:first-child{
  box-shadow:inset 5px 0 0 #16a34a!important;
}
.mockup-table tr.latest-working-row td:last-child,
.sheet-table.mockup-table tr.latest-working-row td:last-child{
  box-shadow:inset -4px 0 0 #16a34a!important;
}

/* Focus animation should not permanently make old rows green. */
tr.focus-pulse:not(.latest-working-row) td{
  outline:none!important;
}

/* Live attempt chip: remove duplicate LIVE badge and make card cleaner. */
.compact-working:after,
.attempt-chip.compact-working:after,
.attempt-chip.compact-live:after{
  content:none!important;
  display:none!important;
}
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:linear-gradient(180deg,#ecfdf5,#d1fae5)!important;
  border:1.5px solid #22c55e!important;
  color:#14532d!important;
  box-shadow:0 8px 18px rgba(22,163,74,.14), inset 0 1px 0 rgba(255,255,255,.66)!important;
  position:relative!important;
}
.attempt-chip.compact-working .chip-head,
.attempt-chip.compact-live .chip-head{
  align-items:center!important;
}
.attempt-chip.compact-working .chip-head .chip-status,
.attempt-chip.compact-live .chip-head .chip-status{
  background:#16a34a!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:2px 6px!important;
  font-size:8px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.attempt-chip.compact-working em,
.attempt-chip.compact-live em{
  color:#15803d!important;
  font-weight:950!important;
  font-size:9px!important;
  font-style:normal!important;
  margin-top:2px!important;
}

/* Confirmed Admin done state: compact, disabled, not button-like. */
.admin-cnf-confirmed.admin-cnf-done{
  min-width:76px!important;
  height:34px!important;
  padding:2px 8px!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#475569!important;
  cursor:default!important;
  pointer-events:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(15,23,42,.08)!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-main{
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  color:#334155!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-sub{
  font-size:7px!important;
  line-height:1!important;
  margin-top:3px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  color:#64748b!important;
}


/* --------------------------------------------------------------------------
   V3.26.7 Live Attempt Card + Time Layout
-------------------------------------------------------------------------- */

/* Live card should stand out from normal green/Admin cards */
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.55), transparent 32%),
    linear-gradient(180deg,#fff7ed 0%,#fed7aa 52%,#fdba74 100%)!important;
  border:2px solid #f97316!important;
  color:#7c2d12!important;
  box-shadow:
    0 0 0 3px rgba(249,115,22,.16),
    0 12px 26px rgba(249,115,22,.24),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
  position:relative!important;
}
.attempt-chip.compact-working::before,
.attempt-chip.compact-live::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:18px;
  border:2px solid rgba(249,115,22,.24);
  animation:crmLivePulse 1.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes crmLivePulse{
  0%,100%{opacity:.25;transform:scale(.99)}
  50%{opacity:.85;transform:scale(1.015)}
}
.attempt-chip.compact-working .chip-head b,
.attempt-chip.compact-live .chip-head b{
  color:#111827!important;
  font-size:16px!important;
  font-weight:1000!important;
}
.attempt-chip.compact-working .chip-head .chip-status,
.attempt-chip.compact-live .chip-head .chip-status{
  background:#ea580c!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 5px 12px rgba(234,88,12,.25)!important;
}
.attempt-chip.compact-working .live-csr,
.attempt-chip.compact-live .live-csr{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  font-weight:1000!important;
  color:#7c2d12!important;
  line-height:1.1!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.attempt-chip.compact-working .live-time,
.attempt-chip.compact-live .live-time{
  display:block!important;
  margin-top:3px!important;
  font-size:10px!important;
  font-weight:950!important;
  color:#9a3412!important;
  line-height:1.1!important;
  opacity:.96!important;
}
.attempt-chip.compact-working em,
.attempt-chip.compact-live em{
  display:block!important;
  margin-top:4px!important;
  color:#7c2d12!important;
  font-size:10px!important;
  font-weight:1000!important;
  font-style:normal!important;
}
.attempt-chip.compact-working:after,
.attempt-chip.compact-live:after{
  content:none!important;
  display:none!important;
}

/* --------------------------------------------------------------------------
   V3.26.8 Live Card Compact Text + Admin CNF Undo
-------------------------------------------------------------------------- */
.attempt-chip.compact-working,
.attempt-chip.compact-live{
  background:radial-gradient(circle at top right, rgba(255,255,255,.38), transparent 34%), linear-gradient(180deg,#fff7ed 0%,#fed7aa 55%,#fdba74 100%)!important;
  border:2px solid #f97316!important;
  color:#7c2d12!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.14), 0 10px 22px rgba(249,115,22,.22), inset 0 1px 0 rgba(255,255,255,.7)!important;
  min-height:72px!important;
  padding:8px 8px!important;
}
.attempt-chip.compact-working::before,
.attempt-chip.compact-live::before{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:18px;
  border:2px solid rgba(249,115,22,.22);
  animation:crmLivePulse3268 1.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes crmLivePulse3268{0%,100%{opacity:.3;transform:scale(.992)}50%{opacity:.9;transform:scale(1.015)}}
.attempt-chip.compact-working .chip-head,
.attempt-chip.compact-live .chip-head{align-items:center!important;gap:6px!important}
.attempt-chip.compact-working .chip-head b,
.attempt-chip.compact-live .chip-head b{font-size:14px!important;line-height:1!important;color:#111827!important;font-weight:1000!important}
.attempt-chip.compact-working .chip-head .chip-status,
.attempt-chip.compact-live .chip-head .chip-status{
  background:#ea580c!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 6px 14px rgba(234,88,12,.22)!important;
  animation:crmLiveBlink3268 .9s ease-in-out infinite alternate;
}
@keyframes crmLiveBlink3268{from{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(1.03)}}
.attempt-chip.compact-working .live-csr,
.attempt-chip.compact-live .live-csr{
  display:block!important;
  margin-top:6px!important;
  font-size:11px!important;
  font-weight:1000!important;
  color:#7c2d12!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip.compact-working .live-time,
.attempt-chip.compact-live .live-time{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  font-weight:950!important;
  color:#9a3412!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:none!important;
  border:none!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.attempt-chip.compact-working em,
.attempt-chip.compact-live em{display:none!important}
.admin-cnf-confirmed.admin-cnf-done{
  position:relative!important;
  min-width:84px!important;
  height:42px!important;
  padding:6px 18px 6px 10px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#475569!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(15,23,42,.08)!important;
  pointer-events:auto!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-main{
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  color:#334155!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done .cnf-sub{
  font-size:7px!important;
  line-height:1!important;
  margin-top:3px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  color:#64748b!important;
  text-transform:uppercase!important;
}
.admin-cnf-confirmed.admin-cnf-done .admin-cnf-remove{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  width:14px!important;
  height:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border-radius:5px!important;
  background:#fee2e2!important;
  border:1px solid #fca5a5!important;
  color:#dc2626!important;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
}
.admin-cnf-confirmed.admin-cnf-done .admin-cnf-remove:hover{background:#fecaca!important;color:#b91c1c!important;transform:translateY(-1px)}
.admin-cnf-confirmed.admin-cnf-done .admin-cnf-remove.is-loading{opacity:.7!important;pointer-events:none!important}


/* --------------------------------------------------------------------------
   V3.27 CNF Export Sent Flow
-------------------------------------------------------------------------- */
.sent-badge{
  display:inline-flex!important;
  margin-top:4px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#e0f2fe!important;
  color:#075985!important;
  border:1px solid #7dd3fc!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.compact-sent{
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  border:1px solid #cbd5e1!important;
  color:#475569!important;
  opacity:.78!important;
  box-shadow:none!important;
}
.compact-sent .chip-head span{
  background:#0ea5e9!important;
  color:#fff!important;
}
.compact-sent b,.compact-sent small{
  color:#475569!important;
}
.export-kpi-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 12px!important;
}
.export-kpi-row div{
  border:1px solid #dbeafe!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  padding:12px!important;
}
.export-kpi-row span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.export-kpi-row b{
  display:block!important;
  margin-top:4px!important;
  color:#0f172a!important;
  font-size:24px!important;
  line-height:1!important;
}
.cnf-export-history{
  display:grid!important;
  gap:10px!important;
  margin:10px 0 14px!important;
}
.cnf-export-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid #dbe4ef!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
.cnf-export-item.open{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg,#f0fdf4,#fff)!important;
}
.cnf-export-item.sent{
  background:#f8fafc!important;
  color:#64748b!important;
}
.cnf-export-item b{
  display:block!important;
  color:#0f172a!important;
  font-size:13px!important;
}
.cnf-export-item span{
  display:block!important;
  color:#334155!important;
  font-size:11px!important;
  max-width:360px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cnf-export-item small{
  display:block!important;
  color:#64748b!important;
  font-size:10px!important;
  margin-top:3px!important;
}
.cnf-export-item .sent-line{
  color:#075985!important;
  font-weight:900!important;
}
.sent-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#e0f2fe!important;
  color:#075985!important;
  border:1px solid #7dd3fc!important;
  font-size:11px!important;
  font-weight:1000!important;
  padding:6px 10px!important;
}


/* --------------------------------------------------------------------------
   V3.27.1 Order Sent UI - grey/locked style, date only
-------------------------------------------------------------------------- */
.sent-badge.sent-lock-badge,
.sent-badge{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  width:max-content!important;
  max-width:92px!important;
  margin-top:5px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;
  color:#475569!important;
  border:1px solid #cbd5e1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(15,23,42,.06)!important;
  letter-spacing:0!important;
}
.sent-badge span{
  display:block!important;
  color:#334155!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.sent-badge small{
  display:block!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Sent attempt cards should look like locked/disabled, not highlighted blue */
.compact-sent,
.attempt-chip.compact-sent{
  background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;
  border:1px dashed #cbd5e1!important;
  color:#64748b!important;
  opacity:.72!important;
  box-shadow:none!important;
}
.compact-sent .chip-head span,
.attempt-chip.compact-sent .chip-head span{
  background:#e2e8f0!important;
  color:#64748b!important;
  border:1px solid #cbd5e1!important;
}
.compact-sent b,
.compact-sent small,
.compact-sent .sent-date,
.attempt-chip.compact-sent b,
.attempt-chip.compact-sent small,
.attempt-chip.compact-sent .sent-date{
  color:#64748b!important;
}
.attempt-chip.compact-sent small{
  font-size:9px!important;
  font-weight:950!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.attempt-chip.compact-sent .sent-date{
  margin-top:2px!important;
  font-size:8px!important;
  font-weight:900!important;
}


/* --------------------------------------------------------------------------
   V3.27.2 Sent Admin CNF Lock
   - Sent Admin CNF orders cannot show undo cross.
-------------------------------------------------------------------------- */
.admin-cnf-confirmed.admin-cnf-sent-locked{
  padding-right:10px!important;
  cursor:default!important;
  pointer-events:none!important;
  opacity:.86!important;
}
.admin-cnf-confirmed.admin-cnf-sent-locked .admin-cnf-remove{
  display:none!important;
}


/* --------------------------------------------------------------------------
   V3.27.4.2 Clear Active Locks
-------------------------------------------------------------------------- */
.clear-active-locks-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;
  border:1px solid #fb923c!important;
  color:#9a3412!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  box-shadow:0 8px 18px rgba(249,115,22,.12), inset 0 1px 0 rgba(255,255,255,.75)!important;
  white-space:nowrap!important;
}
.clear-active-locks-btn:hover{
  background:linear-gradient(180deg,#ffedd5,#fdba74)!important;
  color:#7c2d12!important;
  transform:translateY(-1px)!important;
}


/* --------------------------------------------------------------------------
   V3.27.4.3 Popup Stability Optimization
-------------------------------------------------------------------------- */
.clear-active-locks-btn{
  background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;
  border-color:#fb923c!important;
  color:#9a3412!important;
}
.clear-active-locks-btn::before{
  content:"⚡";
  margin-right:5px;
  font-size:11px;
}


/* --------------------------------------------------------------------------
   V3.28.6 Fresh Inline Stable
-------------------------------------------------------------------------- */
.crm-inline-notice{
  position:fixed!important;
  left:50%!important;
  top:76px!important;
  transform:translateX(-50%) translateY(-8px)!important;
  z-index:9999!important;
  max-width:620px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#0f172a,#1e293b)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 18px 44px rgba(15,23,42,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:.18s ease!important;
}
.crm-inline-notice.show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}

tr.inline-merged-active-row td{
  background:linear-gradient(180deg,#ecfdf5,#f0fdf4)!important;
  border-top:3px solid #16a34a!important;
  border-left:0!important;
  border-right:0!important;
}
tr.inline-merged-active-row td:first-child{border-left:3px solid #16a34a!important}
tr.inline-merged-active-row td:last-child{border-right:3px solid #16a34a!important}
tr.inline-attempt-row td{
  background:#ecfdf5!important;
  border-left:3px solid #16a34a!important;
  border-right:3px solid #16a34a!important;
  border-bottom:3px solid #16a34a!important;
  padding:0 8px 8px!important;
}

.inline-stable-panel{
  padding:10px!important;
  border-radius:0 0 16px 16px!important;
  background:
    radial-gradient(circle at top left,rgba(34,197,94,.10),transparent 24%),
    linear-gradient(180deg,#ecfdf5 0%,#f3fcf6 55%,#ffffff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 14px 34px rgba(22,163,74,.09)!important;
}
.inline-alert{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  margin-bottom:8px!important;
  font-size:12px!important;
  font-weight:850!important;
}
.inline-rto-alert{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important}
.inline-risk-alert{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}

.inline-stable-grid{
  display:grid!important;
  grid-template-columns:minmax(360px,.38fr) minmax(940px,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
.inline-card{
  background:rgba(255,255,255,.92)!important;
  border:1px solid #dbeafe!important;
  border-radius:13px!important;
  padding:7px 8px!important;
  min-width:0!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.inline-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:4px!important;
  min-height:14px!important;
}
.inline-head label{
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#475569!important;
}
.inline-head span,.inline-head em{
  font-size:10px!important;
  font-weight:950!important;
  font-style:normal!important;
  color:#64748b!important;
}
.address-count-inline.ok{color:#15803d!important}
.address-count-inline.bad{color:#b91c1c!important}
.inline-address-card{min-height:120px!important}
.inline-address-field{
  height:86px!important;
  min-height:86px!important;
  resize:vertical!important;
  font-size:12px!important;
  line-height:1.3!important;
  padding:8px 9px!important;
}
.inline-address-error{
  display:none!important;
  margin-top:5px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  font-size:10px!important;
  font-weight:950!important;
}
.inline-address-error.show{display:block!important}

.inline-right{display:grid!important;grid-template-rows:auto auto auto!important;gap:8px!important}
.inline-top-fields{
  display:grid!important;
  grid-template-columns:1.05fr .9fr .52fr .58fr .95fr!important;
  gap:8px!important;
}
.inline-second-fields{
  display:grid!important;
  grid-template-columns:.95fr .78fr 3.25fr!important;
  gap:8px!important;
  align-items:stretch!important;
}
.inline-top-fields input,.inline-top-fields select,.inline-product{
  height:32px!important;
  min-height:32px!important;
  font-size:12px!important;
  padding:5px 8px!important;
}
.inline-product{
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  line-height:1.15!important;
  font-weight:850!important;
  color:#111827!important;
}
.inline-copy-btn{
  width:auto!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  background:#eef2ff!important;
  color:#1d4ed8!important;
}
.inline-remark-card textarea{
  height:32px!important;
  min-height:32px!important;
  max-height:52px!important;
  resize:vertical!important;
  padding:7px 9px!important;
  font-size:12px!important;
}
.inline-result-card{min-width:0!important}
.inline-result-strip{
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  overflow-x:auto!important;
  padding:3px!important;
}
.inline-result-chip{
  position:relative!important;
  flex:0 0 58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  cursor:pointer!important;
  font-weight:1000!important;
  color:#334155!important;
}
.inline-result-chip input{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
}
.inline-result-chip span{font-size:11px!important}
.inline-result-chip:has(input:checked){
  border-color:#2563eb!important;
  background:#dbeafe!important;
  color:#1e3a8a!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.12)!important;
}
.inline-result-chip.result-positive:has(input:checked){background:#dcfce7!important;color:#166534!important;border-color:#22c55e!important}
.inline-result-chip.result-invalid_closed:has(input:checked){background:#fee2e2!important;color:#991b1b!important;border-color:#ef4444!important}
.inline-result-chip.result-not_connected:has(input:checked){background:#fef3c7!important;color:#92400e!important;border-color:#f59e0b!important}

.inline-save-row{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin-top:1px!important;
}
.inline-save-row .btn{
  min-width:172px!important;
  height:39px!important;
  border-radius:12px!important;
}
form.inline-attempt-form.is-submitting button[type="submit"],
body.form-submitting form.inline-attempt-form button[type="submit"]{
  opacity:1!important;
  pointer-events:auto!important;
}
form.inline-attempt-form.is-submitting button[type="submit"]::after,
body.form-submitting form.inline-attempt-form button[type="submit"]::after{content:none!important}

@media(max-width:1500px){
  .inline-stable-grid{grid-template-columns:1fr!important}
  .inline-top-fields{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .inline-top-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inline-second-fields{grid-template-columns:1fr!important}
  .inline-save-row{justify-content:stretch!important}
  .inline-save-row .btn{width:100%!important}
}


/* --------------------------------------------------------------------------
   V3.28.7 Inline RTO CNF Fix + Instant Live
-------------------------------------------------------------------------- */
.courier-error{
  display:none;
  margin-top:5px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  border:1px solid #fecaca!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.courier-error.show{display:block!important}
.courier-field.has-error{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.10),0 12px 26px rgba(239,68,68,.08)!important;
  background:#fff7f7!important;
}
.courier-field.has-error select{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.12)!important;
}
.courier-field.attention-pulse{
  animation:courierAttentionPulse .34s ease-in-out 0s 3;
}
@keyframes courierAttentionPulse{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-4px)}
  75%{transform:translateX(4px)}
}
.inline-opening-panel{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:7px!important;
  border-radius:0 0 16px 16px!important;
  background:linear-gradient(135deg,#ecfdf5,#ffffff)!important;
  border:1px dashed #22c55e!important;
  color:#166534!important;
  font-weight:950!important;
}
.inline-opening-panel span{
  font-size:12px!important;
  color:#15803d!important;
}
tr.inline-opening-row td{
  background:#ecfdf5!important;
}

/* =====================================================================
   V3.28.81 CALLING GRID + ATTEMPT CARD FINAL NORMALIZATION
   Visual presentation only; attempt actions and fields are unchanged.
   ===================================================================== */
.gs-grid-wrap{max-height:calc(100vh - var(--gs-live-header-height,154px) - 50px)!important;min-height:260px!important;border-radius:9px 9px 0 0!important;overflow:auto!important;scrollbar-gutter:stable!important}
.gs-data-grid{width:max(100%,1900px)!important;min-width:1900px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#263449!important}
.gs-data-grid.abd-table{width:max(100%,1760px)!important;min-width:1760px!important}
.gs-data-grid col.col-rownum{width:32px!important}.gs-data-grid col.col-check{width:34px!important}.gs-data-grid col.col-order{width:108px!important}.gs-data-grid col.col-date{width:84px!important}.gs-data-grid col.col-name{width:120px!important}.gs-data-grid col.col-mobile{width:132px!important}.gs-data-grid col.col-address{width:338px!important}.gs-data-grid col.col-pin{width:74px!important}.gs-data-grid col.col-city{width:100px!important}.gs-data-grid col.col-product{width:150px!important}.gs-data-grid col.col-price{width:72px!important}.gs-data-grid col.col-ivr,.gs-data-grid col.col-wp{width:52px!important}.gs-data-grid col.col-admin-cnf{width:94px!important}.gs-data-grid col.col-attempts{width:540px!important}
.gs-data-grid th{height:34px!important;padding:5px 7px!important;background:#172033!important;color:#f8fafc!important;border-right:1px solid #334155!important;border-bottom:2px solid #23b45d!important;font-size:8.5px!important;line-height:1!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important}
.gs-data-grid td{height:56px!important;min-height:56px!important;padding:6px 7px!important;background:#fff!important;border-right:1px solid #e6ebf2!important;border-bottom:1px solid #e6ebf2!important;color:#334155!important;font-size:10px!important;line-height:1.26!important;font-weight:600!important;vertical-align:middle!important;box-sizing:border-box!important}
.gs-data-grid tr:hover td{background:#f8fbff!important}.gs-data-grid .row-number-cell{font-size:9px!important;font-weight:700!important;color:#64748b!important}.gs-data-grid .order-id-cell b,.gs-data-grid .td-order b{font-size:11px!important;line-height:1.05!important;font-weight:900!important;color:#1265ce!important}.gs-data-grid .td-order small{font-size:8.5px!important;line-height:1.05!important;color:#64748b!important}.gs-data-grid .date-cell,.gs-data-grid .pin-cell,.gs-data-grid .city-cell{font-size:9px!important;color:#52657d!important;font-weight:650!important}.gs-data-grid .name-cell b,.gs-data-grid .td-customer b{font-size:10.5px!important;line-height:1.15!important;color:#172033!important;font-weight:850!important}.gs-data-grid .mobile-cell,.gs-data-grid .mobile-main{font-size:11px!important;color:#172033!important;font-weight:900!important;letter-spacing:.015em!important}.gs-data-grid .product-cell{font-size:9.2px!important;line-height:1.2!important;color:#334155!important;font-weight:750!important}.gs-data-grid .price-cell,.gs-data-grid .price-cell b{font-size:12px!important;color:#172033!important;font-weight:900!important}

/* Clear visual boundary between the frozen mobile identity and address text. */
.gs-data-grid .mobile-cell,.gs-data-grid .th-mobile{border-right:2px solid #ccd7e5!important;box-shadow:7px 0 10px -10px rgba(15,23,42,.8)!important}.gs-data-grid .address-cell,.gs-data-grid .th-address{padding-left:12px!important}.gs-data-grid .address-cell{font-size:9.3px!important;line-height:1.28!important;color:#334155!important;font-weight:560!important}.gs-data-grid .dash-address-text{display:block!important;max-height:42px!important;overflow:hidden!important}.gs-data-grid .addr-inline-count{display:inline!important;margin:0 0 0 4px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#16a34a!important;font-size:9.5px!important;line-height:inherit!important;font-weight:900!important;white-space:nowrap!important}

/* Attempt area gets enough width for five readable cards. */
.gs-data-grid .attempts-summary-th,.gs-data-grid .attempts-summary-cell{width:540px!important;min-width:540px!important;max-width:540px!important;padding:5px 6px!important}.gs-data-grid .attempts-compact{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important;align-items:stretch!important}.gs-data-grid .attempt-chip{display:flex!important;flex-direction:column!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;min-height:46px!important;padding:5px 6px!important;gap:3px!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;text-align:left!important}.gs-data-grid .attempt-chip .chip-head{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:4px!important;min-width:0!important}.gs-data-grid .attempt-chip .chip-head b{font-size:10px!important;line-height:1!important;font-weight:950!important;color:#172033!important}.gs-data-grid .attempt-chip .chip-head span{display:inline-flex!important;align-items:center!important;max-width:55px!important;height:14px!important;padding:0 4px!important;border-radius:7px!important;font-size:6px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-data-grid .attempt-chip .chip-csr,.gs-data-grid .attempt-chip>small{display:block!important;width:100%!important;max-width:100%!important;font-size:8px!important;line-height:1.05!important;font-weight:850!important;color:#475569!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-data-grid .attempt-chip .chip-time{display:block!important;width:100%!important;font-size:7px!important;line-height:1!important;color:#718096!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-data-grid .attempt-chip .chip-note,.gs-data-grid .attempt-chip>em,.gs-data-grid .attempt-chip>i{display:none!important}
.gs-data-grid .compact-ready{background:#f3f8ff!important;border:1px solid #9fc5f7!important}.gs-data-grid .compact-working,.gs-data-grid .compact-live{background:#fff5e8!important;border:1.5px solid #f59e0b!important;box-shadow:inset 0 -3px 0 rgba(245,158,11,.12)!important}.gs-data-grid .compact-working .chip-status,.gs-data-grid .compact-live .chip-status{background:#16a34a!important;color:#fff!important}.gs-data-grid .compact-admin-edit{background:#f2fbf5!important;border:1px solid #8dd3a5!important}.gs-data-grid .compact-locked,.gs-data-grid .compact-disabled{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important}.gs-data-grid .compact-done{background:#fff!important;border:1px solid #dfe6ef!important}
.gs-data-grid .chip-live-person{display:grid!important;grid-template-columns:19px minmax(0,1fr)!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important}.gs-data-grid .chip-live-person .chip-csr-avatar{display:flex!important;width:19px!important;height:19px!important;min-width:19px!important}.gs-data-grid .chip-live-person .chip-csr-avatar img{width:19px!important;height:19px!important}.gs-data-grid .chip-live-person>span:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px!important;min-width:0!important}.gs-data-grid .chip-live-person .live-csr{grid-column:1/-1!important;display:block!important;font-size:7.8px!important;color:#7c3f00!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.gs-data-grid .chip-live-person .chip-live-timer{grid-column:1!important;display:block!important;font-size:7px!important;color:#15803d!important;font-weight:950!important;white-space:nowrap!important}.gs-data-grid .chip-live-person .live-time{display:none!important}

/* Inline workspace alignment and readable active identity. */
tr.inline-attempt-row td{padding:0 7px 7px!important}.inline-stable-panel{width:calc(100vw - 34px)!important;max-width:calc(100vw - 34px)!important;padding:7px!important}.inline-stable-grid{gap:8px!important}.inline-card{border:1px solid #e0e8f1!important;background:#fff!important}.inline-head label{font-size:8px!important;color:#52657d!important}.inline-head span,.inline-head em{font-size:8.5px!important;color:#334155!important}.inline-top-fields input,.inline-top-fields select,.inline-product,.inline-remark-card input[name="remark"]{font-family:inherit!important;font-size:10.5px!important;font-weight:650!important}.inline-result-chip{border-color:#dfe6ef!important;background:#fff!important}.inline-result-chip span{font-weight:900!important;color:#334155!important}.inline-save-row .btn{font-size:11px!important;font-weight:900!important;box-shadow:none!important}

@media(max-width:1400px){
  .gs-data-grid{width:max(100%,1840px)!important;min-width:1840px!important}.gs-data-grid col.col-address{width:300px!important}.gs-data-grid col.col-attempts{width:520px!important}.gs-data-grid .attempts-summary-th,.gs-data-grid .attempts-summary-cell{width:520px!important;min-width:520px!important;max-width:520px!important}.gs-data-grid .attempt-chip{padding:5px!important}
}
@media(max-width:900px){.gs-grid-wrap{max-height:calc(100vh - var(--gs-live-header-height,154px) - 46px)!important}.inline-stable-panel{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}}


/* --------------------------------------------------------------------------
   V3.28.8 Inline Highlight + Single-line Remark Fix
-------------------------------------------------------------------------- */
.inline-remark-card .inline-remark-input,
.inline-remark-card input[name="remark"]{
  height:32px!important;
  min-height:32px!important;
  width:100%!important;
  padding:7px 9px!important;
  border:1px solid #dbeafe!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:750!important;
  background:#fff!important;
}
.inline-remark-card.has-error .inline-remark-input,
.inline-remark-card.has-error input[name="remark"]{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10)!important;
}

/* =====================================================================
   V3.28.80 RESPONSIVE INLINE WORKSPACE STABILIZATION
   Visual geometry only; field names, submit actions and validation remain.
   ===================================================================== */
tr.inline-attempt-row td{padding:0 6px 6px!important}
.inline-stable-panel{position:sticky!important;left:0!important;width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;box-sizing:border-box!important;padding:7px!important;border-radius:0 0 10px 10px!important}
.inline-stable-grid{grid-template-columns:minmax(300px,.31fr) minmax(0,1fr)!important;gap:7px!important;align-items:stretch!important}
.inline-card{border-radius:9px!important;padding:5px 7px!important;box-shadow:0 3px 10px rgba(15,23,42,.035)!important}
.inline-head{min-height:12px!important;margin-bottom:3px!important}.inline-head label{font-size:8px!important}.inline-head span,.inline-head em{font-size:8.5px!important}
.inline-address-card{min-height:108px!important}.inline-address-field{height:76px!important;min-height:76px!important;padding:7px 8px!important;font-size:11px!important}
.inline-right{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:6px 7px!important;align-items:stretch!important}
.inline-top-fields{grid-column:1 / -1!important;grid-row:1!important;gap:6px!important;grid-template-columns:1.05fr .9fr .52fr .58fr .95fr!important}
.inline-second-fields{grid-column:1!important;grid-row:2!important;gap:6px!important;grid-template-columns:minmax(155px,.85fr) minmax(145px,.72fr) minmax(400px,2.7fr)!important}
.inline-top-fields input,.inline-top-fields select,.inline-product{height:29px!important;min-height:29px!important;padding:4px 7px!important;font-size:11px!important}.inline-remark-card .inline-remark-input,.inline-remark-card input[name="remark"]{height:29px!important;min-height:29px!important;padding:5px 7px!important;font-size:11px!important}
.inline-result-strip{height:31px!important;min-height:31px!important;gap:4px!important;padding:2px!important;overflow-x:auto!important}.inline-result-chip{flex-basis:52px!important;min-width:52px!important;max-width:52px!important;height:27px!important;border-radius:8px!important}.inline-result-chip span{font-size:10px!important}
.inline-save-row{grid-column:2!important;grid-row:2!important;align-self:end!important;margin:0!important}.inline-save-row .btn{min-width:160px!important;width:auto!important;height:38px!important;border-radius:9px!important;padding:0 14px!important}
.inline-alert{padding:6px 8px!important;margin-bottom:6px!important;border-radius:8px!important;font-size:10px!important}.abd-inline-toolbar{min-height:30px!important;padding:4px 6px!important;margin-bottom:5px!important}.abd-inline-toolbar b{font-size:10px!important}.abd-inline-toolbar span{font-size:8px!important}.abd-inline-close{width:26px!important;height:26px!important}

@media(max-width:1500px){
  .inline-stable-grid{grid-template-columns:minmax(270px,.35fr) minmax(760px,1fr)!important;overflow-x:auto!important}
  .inline-second-fields{grid-template-columns:minmax(145px,.8fr) minmax(135px,.7fr) minmax(360px,2.4fr)!important}
}
@media(max-width:1180px){
  .inline-stable-grid{grid-template-columns:1fr!important;overflow:visible!important}.inline-address-field{height:64px!important;min-height:64px!important}.inline-address-card{min-height:94px!important}
  .inline-top-fields{grid-template-columns:repeat(5,minmax(120px,1fr))!important;overflow-x:auto!important}.inline-second-fields{grid-template-columns:minmax(150px,.8fr) minmax(140px,.7fr) minmax(390px,2.3fr)!important;overflow-x:auto!important}
}
@media(max-width:850px){
  .inline-right{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.inline-top-fields{grid-column:1!important;grid-row:1!important;grid-template-columns:repeat(2,minmax(150px,1fr))!important}.inline-second-fields{grid-column:1!important;grid-row:2!important;grid-template-columns:1fr!important;overflow:visible!important}.inline-save-row{grid-column:1!important;grid-row:3!important}.inline-save-row .btn{width:100%!important}
}

/* Only one active inline row should show green border at a time. */
tr:not(.inline-merged-active-row).latest-working-row:not(:has(+ tr.inline-attempt-row)) td{
  border-top:1px solid #e8eef6!important;
  border-bottom:1px solid #e8eef6!important;
}

/* Inline row active visual should only belong to current open panel. */
tr.inline-active-row.inline-merged-active-row td{
  background:linear-gradient(180deg,#ecfdf5,#f0fdf4)!important;
}


/* --------------------------------------------------------------------------
   V3.28.9 RTO Mobile + Copy Blink + CXL Remark
-------------------------------------------------------------------------- */
/* RTO mobile number orange on dashboard */
.mobile-actions.mobile-rto-highlight,
.mobile-rto-highlight{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:2px 8px!important;
  background:#fff7ed!important;
  border:1px solid #fdba74!important;
  box-shadow:0 4px 14px rgba(249,115,22,.12)!important;
}
.mobile-actions.mobile-rto-highlight .mobile-main,
.mobile-rto-highlight .mobile-main{
  color:#c2410c!important;
  font-weight:1000!important;
}

/* RTO mobile number orange inside inline view */
.inline-rto .mobile-field,
.inline-rto-mobile-field{
  border-color:#fdba74!important;
  background:#fff7ed!important;
  box-shadow:0 8px 22px rgba(249,115,22,.10)!important;
}
.inline-rto .mobile-field input[name="mobile_raw"],
.inline-rto-mobile-field input[name="mobile_raw"]{
  color:#c2410c!important;
  font-weight:1000!important;
  background:#fffaf5!important;
  border-color:#fdba74!important;
}

/* Copy success blink for dashboard/mobile/modal/inline */
.mobile-actions.copied .mobile-main,
.copy-mobile-wrap.copied input,
.inline-card.mobile-field.copied input,
.inline-rto-mobile-field.copied input,
.copy-mobile-input.copied{
  animation:mobileCopyBlink .34s ease-in-out 0s 4!important;
  background:#dcfce7!important;
  color:#166534!important;
  border-color:#22c55e!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.16)!important;
}
.mobile-actions.copied{
  background:#dcfce7!important;
  border-color:#22c55e!important;
}
@keyframes mobileCopyBlink{
  0%,100%{filter:brightness(1); transform:scale(1)}
  50%{filter:brightness(1.08); transform:scale(1.018)}
}

/* CXL / red CNF remark mandatory highlight */
.remark-row.has-error,
.inline-remark-card.has-error{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.10),0 12px 24px rgba(239,68,68,.08)!important;
  background:#fff7f7!important;
}
.remark-row.has-error textarea,
.remark-row.has-error input[name="remark"],
.inline-remark-card.has-error input[name="remark"]{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10)!important;
}