/* V3.28.82.14.6.12 — Processing & ABD Premium Inline Working Console */

html body.gs-workspace .wrap tr.inline-attempt-row > td {
  padding: 6px 8px 9px !important;
  background: #f6f8fc !important;
  border: 0 !important;
}

html body.gs-workspace .wrap .premium-inline-console {
  --console-accent: #2563eb;
  --console-soft: #eff6ff;
  --console-border: #cbd5e1;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid #dbe3ee !important;
  border-left: 4px solid var(--console-accent) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}

html body.gs-workspace .wrap .abd-premium-inline-console {
  --console-accent: #16a34a;
  --console-soft: #f0fdf4;
}

html body.gs-workspace .wrap .premium-inline-console .inline-context-bar {
  min-height: 34px !important;
  height: auto !important;
  padding: 5px 8px 5px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: linear-gradient(90deg, var(--console-soft), #fff 58%) !important;
  border: 0 !important;
  border-bottom: 1px solid #e7edf5 !important;
  border-radius: 11px 11px 0 0 !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-console-identity,
html body.gs-workspace .wrap .premium-inline-console .inline-console-live {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-console-identity > i { display: none !important; }
html body.gs-workspace .wrap .premium-inline-console .inline-console-identity strong,
html body.gs-workspace .wrap .premium-inline-console .inline-console-identity b {
  color: #0f172a !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-context-customer {
  color: #475569 !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 280px !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-context-divider { color: #94a3b8 !important; }
html body.gs-workspace .wrap .premium-inline-console .inline-module-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: var(--console-accent) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-console-live b {
  color: #334155 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-console-live .live-timer {
  min-width: 52px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
  font-weight: 900 !important;
  text-align: center !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-console-close {
  min-height: 24px !important;
  padding: 3px 8px !important;
  border: 1px solid #fecaca !important;
  border-radius: 7px !important;
  background: #fff7f7 !important;
  color: #b91c1c !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-console-close:hover {
  background: #fee2e2 !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-inline-form {
  margin: 0 !important;
  padding: 6px !important;
}
html body.gs-workspace .wrap .premium-inline-console .premium-inline-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.05fr) minmax(620px, 4.8fr) !important;
  gap: 7px !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-right {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-field-card,
html body.gs-workspace .wrap .premium-inline-console .inline-card {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 5px 7px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body.gs-workspace .wrap .premium-inline-console .premium-field-card:focus-within {
  border-color: color-mix(in srgb, var(--console-accent) 70%, white) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--console-accent) 11%, transparent) !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-head {
  min-height: 15px !important;
  margin: 0 0 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-head label {
  margin: 0 !important;
  color: #334155 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-head > span,
html body.gs-workspace .wrap .premium-inline-console .inline-head-actions > span,
html body.gs-workspace .wrap .premium-inline-console .inline-remark-requirement {
  color: #64748b !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-head-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
html body.gs-workspace .wrap .premium-inline-console .address-count-inline {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 17px !important;
  margin-left: 3px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  color: #15803d !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
html body.gs-workspace .wrap .premium-inline-console .address-count-inline.bad {
  background: #fff1f2 !important;
  color: #be123c !important;
}

html body.gs-workspace .wrap .premium-inline-console input,
html body.gs-workspace .wrap .premium-inline-console select,
html body.gs-workspace .wrap .premium-inline-console textarea {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #d7dfeb !important;
  border-radius: 7px !important;
  background: #fbfdff !important;
  color: #0f172a !important;
  font-family: inherit !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  outline: none !important;
  box-shadow: none !important;
}
html body.gs-workspace .wrap .premium-inline-console input,
html body.gs-workspace .wrap .premium-inline-console select {
  height: 30px !important;
  padding: 0 9px !important;
}
html body.gs-workspace .wrap .premium-inline-console textarea {
  padding: 7px 9px !important;
  resize: vertical !important;
  line-height: 1.35 !important;
}
html body.gs-workspace .wrap .premium-inline-console input:focus,
html body.gs-workspace .wrap .premium-inline-console select:focus,
html body.gs-workspace .wrap .premium-inline-console textarea:focus {
  border-color: var(--console-accent) !important;
  background: #fff !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-address-card {
  min-height: 98px !important;
  padding: 6px 8px !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-address-field {
  height: 68px !important;
  min-height: 68px !important;
  max-height: 96px !important;
  overflow-y: auto !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-copy-btn {
  min-width: 42px !important;
  min-height: 19px !important;
  padding: 2px 6px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #eef4ff !important;
  color: #1d4ed8 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
html body.gs-workspace .wrap .abd-premium-inline-console .inline-copy-btn {
  background: #ecfdf5 !important;
  color: #15803d !important;
}
html body.gs-workspace .wrap .premium-inline-console .copied {
  border-color: #86efac !important;
  background: #f0fdf4 !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields {
  display: grid !important;
  grid-template-columns: 1.35fr 1.35fr .75fr 1.35fr .78fr 1.65fr !important;
  gap: 6px !important;
  min-width: 0 !important;
}
html body.gs-workspace .wrap .premium-inline-console .premium-action-fields {
  display: grid !important;
  grid-template-columns: minmax(440px, 2.8fr) minmax(250px, 1.5fr) minmax(170px, .9fr) !important;
  grid-template-areas: "result remark save" !important;
  gap: 6px !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-card { grid-area: result !important; }
html body.gs-workspace .wrap .premium-inline-console .inline-remark-card { grid-area: remark !important; }
html body.gs-workspace .wrap .premium-inline-console .premium-save-zone { grid-area: save !important; }

html body.gs-workspace .wrap .premium-inline-console .inline-product-input {
  text-overflow: ellipsis !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-result-strip {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(46px, 1fr)) !important;
  gap: 5px !important;
  min-width: 0 !important;
}
html body.gs-workspace .wrap .abd-premium-inline-console .inline-result-strip {
  grid-template-columns: repeat(7, minmax(48px, 1fr)) !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip {
  min-width: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 29px !important;
  padding: 0 5px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 7px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  transition: border-color .12s ease, background .12s ease, color .12s ease, transform .12s ease !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip:hover span {
  border-color: #94a3b8 !important;
  background: #fff !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input:focus-visible + span {
  outline: 2px solid #0f172a !important;
  outline-offset: 2px !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input:checked + span {
  border-color: #2563eb !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  box-shadow: inset 0 0 0 1px #93c5fd !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="CNF"]:checked + span {
  border-color: #16a34a !important;
  background: #dcfce7 !important;
  color: #166534 !important;
  box-shadow: inset 0 0 0 1px #86efac !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="CXL"]:checked + span {
  border-color: #dc2626 !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
  box-shadow: inset 0 0 0 1px #fca5a5 !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="CB"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="BARG"]:checked + span {
  border-color: #d97706 !important;
  background: #fffbeb !important;
  color: #92400e !important;
  box-shadow: inset 0 0 0 1px #fcd34d !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="NA"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="NR"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="SO"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="WN"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console .inline-result-chip input[value="VM"]:checked + span {
  border-color: #7c3aed !important;
  background: #f5f3ff !important;
  color: #5b21b6 !important;
  box-shadow: inset 0 0 0 1px #c4b5fd !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-remark-card {
  min-height: 64px !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-remark-input {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 62px !important;
  line-height: 1.3 !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-remark-card.remark-is-required {
  border-color: #fca5a5 !important;
  background: #fffafa !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-remark-card.remark-is-required .inline-remark-requirement {
  color: #b91c1c !important;
}
html body.gs-workspace .wrap .premium-inline-console .remark-cnf-error,
html body.gs-workspace .wrap .premium-inline-console .inline-address-error,
html body.gs-workspace .wrap .premium-inline-console .courier-error {
  margin-top: 3px !important;
  color: #b91c1c !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-save-zone {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn {
  width: 100% !important;
  min-height: 64px !important;
  padding: 7px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, var(--console-accent), color-mix(in srgb, var(--console-accent) 72%, #0f172a)) !important;
  color: #fff !important;
  box-shadow: 0 5px 12px color-mix(in srgb, var(--console-accent) 23%, transparent) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn small {
  color: rgba(255,255,255,.82) !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn:disabled {
  cursor: wait !important;
  opacity: .84 !important;
}
html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn.is-saved {
  background: #15803d !important;
}
html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn.is-error {
  background: #b91c1c !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-alert {
  margin: 5px 6px 0 !important;
  padding: 5px 8px !important;
  min-height: 28px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
}

/* Attempt-card hierarchy shared by Processing and ABD without changing behaviour. */
html body.gs-workspace .wrap .attempts-compact {
  gap: 5px !important;
}
html body.gs-workspace .wrap .attempts-compact .attempt-chip {
  min-width: 0 !important;
  border-radius: 9px !important;
  border-width: 1px !important;
  box-shadow: none !important;
  background: #fff !important;
  color: #334155 !important;
}
html body.gs-workspace .wrap .attempts-compact .attempt-chip .chip-head b {
  font-size: 11px !important;
  color: #0f172a !important;
}
html body.gs-workspace .wrap .attempts-compact .attempt-chip .chip-status,
html body.gs-workspace .wrap .attempts-compact .attempt-chip .chip-head > span {
  font-size: 7px !important;
  font-weight: 900 !important;
}
html body.gs-workspace .wrap .attempts-compact .attempt-chip .chip-csr {
  font-size: 8px !important;
  font-weight: 800 !important;
  color: #475569 !important;
}
html body.gs-workspace .wrap .attempts-compact .attempt-chip .chip-time {
  font-size: 7.5px !important;
  color: #64748b !important;
}
html body.gs-workspace .wrap .attempts-compact .attempt-remark-line {
  margin-top: 3px !important;
  padding-top: 3px !important;
  border-top: 1px dashed #dbe3ee !important;
  color: #475569 !important;
  font-size: 7.5px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body.gs-workspace .wrap .attempts-compact .compact-working,
html body.gs-workspace .wrap .attempts-compact .compact-live {
  border-color: var(--console-accent, #2563eb) !important;
  background: #eff6ff !important;
  box-shadow: inset 0 -3px 0 #2563eb !important;
}
html body.gs-workspace .wrap .abd-table .attempts-compact .compact-working,
html body.gs-workspace .wrap .abd-table .attempts-compact .compact-live {
  border-color: #16a34a !important;
  background: #f0fdf4 !important;
  box-shadow: inset 0 -3px 0 #16a34a !important;
}
html body.gs-workspace .wrap .attempts-compact .compact-ready,
html body.gs-workspace .wrap .attempts-compact .compact-admin-edit {
  border-style: dashed !important;
  border-color: #93c5fd !important;
  background: #f8fbff !important;
}
html body.gs-workspace .wrap .abd-table .attempts-compact .compact-ready,
html body.gs-workspace .wrap .abd-table .attempts-compact .compact-admin-edit {
  border-color: #86efac !important;
  background: #f8fff9 !important;
}
html body.gs-workspace .wrap .attempts-compact .compact-locked,
html body.gs-workspace .wrap .attempts-compact .compact-disabled,
html body.gs-workspace .wrap .attempts-compact .compact-muted {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
  opacity: .82 !important;
}
html body.gs-workspace .wrap tr.inline-active-row .attempts-compact .attempt-chip.compact-working,
html body.gs-workspace .wrap tr.inline-merged-active-row .attempts-compact .attempt-chip.compact-working {
  transform: translateY(-1px) !important;
}

@media (max-width: 1450px) {
  html body.gs-workspace .wrap .premium-inline-console .premium-inline-grid {
    grid-template-columns: minmax(240px, .95fr) minmax(580px, 4fr) !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields {
    grid-template-columns: 1.2fr 1.2fr .72fr 1.25fr .75fr 1.35fr !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-action-fields {
    grid-template-columns: minmax(390px, 2.4fr) minmax(220px, 1.35fr) minmax(150px, .85fr) !important;
  }
}

@media (max-width: 1180px) {
  html body.gs-workspace .wrap .premium-inline-console .premium-inline-grid {
    grid-template-columns: 1fr !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .inline-address-card {
    min-height: 82px !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .inline-address-field {
    height: 56px !important;
    min-height: 56px !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields {
    grid-template-columns: 1.25fr 1.25fr .72fr 1.3fr .75fr 1.4fr !important;
  }
}

@media (max-width: 980px) {
  html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields {
    grid-template-columns: 1.3fr 1.3fr .75fr !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-action-fields {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: "result result" "remark save" !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .inline-context-customer { max-width: 150px !important; }
}

@media (max-width: 720px) {
  html body.gs-workspace .wrap .premium-inline-console .inline-context-bar {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 5px !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .inline-console-live { width: 100% !important; justify-content: flex-end !important; }
  html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields {
    grid-template-columns: 1fr 1fr !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-action-fields {
    grid-template-columns: 1fr !important;
    grid-template-areas: "result" "remark" "save" !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .inline-result-strip {
    grid-template-columns: repeat(4, minmax(48px, 1fr)) !important;
  }
  html body.gs-workspace .wrap .abd-premium-inline-console .inline-result-strip {
    grid-template-columns: repeat(4, minmax(48px, 1fr)) !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn { min-height: 48px !important; }
}

/* Comfortable density: slightly more breathing room without changing geometry. */
html body.gs-density-comfortable .wrap .premium-inline-console .premium-inline-form { padding: 7px !important; }
html body.gs-density-comfortable .wrap .premium-inline-console .premium-field-card { padding: 6px 8px !important; }
html body.gs-density-comfortable .wrap .premium-inline-console input,
html body.gs-density-comfortable .wrap .premium-inline-console select { height: 32px !important; font-size: 11px !important; }

/* V3.28.82.14.6.12.1 — Inline Console Layout Stabilization Hotfix
   Neutralizes legacy Comfortable-density rules that caused clipped cards,
   double-layer result buttons, a wrapped Close button and unstable heights. */
html body.gs-workspace .wrap .premium-inline-console,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console,
html body.gs-workspace.gs-density-compact .wrap .premium-inline-console,
html body.gs-workspace.gs-density-comfortable .wrap .abd-inline-attempt-panel.premium-inline-console {
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 1px solid #dbe4ee !important;
  border-left: 4px solid var(--console-accent) !important;
  border-top: 1px solid #dbe4ee !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .06) !important;
  overflow: visible !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-context-bar,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-context-bar,
html body.gs-workspace.gs-density-comfortable .wrap .abd-inline-attempt-panel .abd-inline-toolbar {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 4px 8px 4px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #e5ebf3 !important;
  border-radius: 9px 9px 0 0 !important;
  background: linear-gradient(90deg, var(--console-soft), #fff 64%) !important;
  overflow: visible !important;
}

html body.gs-workspace .wrap .premium-inline-console button.inline-console-close,
html body.gs-workspace .wrap .premium-inline-console button.abd-inline-close.inline-console-close,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console button.inline-console-close,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console button.abd-inline-close.inline-console-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 62px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  line-height: 24px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: center !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-inline-form,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-inline-form {
  box-sizing: border-box !important;
  padding: 7px !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-inline-grid,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-inline-grid,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-stable-grid {
  display: grid !important;
  grid-template-columns: minmax(285px, 320px) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-right,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-right {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-field-card,
html body.gs-workspace .wrap .premium-inline-console .inline-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-field-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-card {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-address-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-address-card {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-address-field,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-address-field {
  height: 73px !important;
  min-height: 73px !important;
  max-height: 73px !important;
  overflow-y: auto !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-customer-fields,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-top-fields {
  display: grid !important;
  grid-template-columns: minmax(150px, 1.25fr) minmax(155px, 1.28fr) minmax(86px, .68fr) minmax(190px, 1.35fr) minmax(96px, .75fr) minmax(190px, 1.55fr) !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow: visible !important;
}
html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields > .inline-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-customer-fields > .inline-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-top-fields > .inline-card {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-action-fields,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-action-fields,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-second-fields {
  display: grid !important;
  grid-template-columns: minmax(500px, 2.5fr) minmax(260px, 1.35fr) minmax(175px, .85fr) !important;
  grid-template-areas: "result remark save" !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  gap: 7px !important;
  align-items: stretch !important;
  min-width: 0 !important;
  overflow: visible !important;
}
html body.gs-workspace .wrap .premium-inline-console .inline-result-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-result-card,
html body.gs-workspace .wrap .premium-inline-console .inline-remark-card,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-remark-card {
  height: 67px !important;
  min-height: 67px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-result-strip,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-result-strip {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(44px, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 5px !important;
  overflow: visible !important;
}
html body.gs-workspace .wrap .abd-premium-inline-console .inline-result-strip,
html body.gs-workspace.gs-density-comfortable .wrap .abd-premium-inline-console .inline-result-strip {
  grid-template-columns: repeat(7, minmax(46px, 1fr)) !important;
}

/* The legacy stylesheet colored the outer label while the premium console also
   colored the inner span, creating the double button seen after selection. */
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console label.inline-result-chip,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip.is-selected,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip:has(> input[type="radio"][name="status"]:checked),
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console label.inline-result-chip.is-selected,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console label.inline-result-chip:has(> input[type="radio"][name="status"]:checked) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip > span,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console label.inline-result-chip > span {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 5px !important;
  border: 1px solid #d8e1ec !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 9px !important;
  line-height: 30px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip > span b,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console label.inline-result-chip > span b {
  color: inherit !important;
  font-size: 9px !important;
  line-height: 30px !important;
  font-weight: 900 !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip:hover > span {
  border-color: #94a3b8 !important;
  background: #ffffff !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input:focus-visible + span {
  outline: 2px solid #1e293b !important;
  outline-offset: 2px !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="CNF"]:checked + span {
  border-color: #16a34a !important; background: #dcfce7 !important; color: #166534 !important; box-shadow: inset 0 0 0 1px #86efac !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="CB"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="BARG"]:checked + span {
  border-color: #d97706 !important; background: #fffbeb !important; color: #92400e !important; box-shadow: inset 0 0 0 1px #fcd34d !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="CXL"]:checked + span {
  border-color: #dc2626 !important; background: #fee2e2 !important; color: #991b1b !important; box-shadow: inset 0 0 0 1px #fca5a5 !important;
}
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="NA"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="NR"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="SO"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="WN"]:checked + span,
html body.gs-workspace .wrap .premium-inline-console label.inline-result-chip input[value="VM"]:checked + span {
  border-color: #7c3aed !important; background: #f5f3ff !important; color: #5b21b6 !important; box-shadow: inset 0 0 0 1px #c4b5fd !important;
}

html body.gs-workspace .wrap .premium-inline-console .inline-remark-input,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-remark-input,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-remark-card textarea[name="remark"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 54px !important;
  padding: 6px 8px !important;
  line-height: 1.3 !important;
  overflow-y: auto !important;
}

html body.gs-workspace .wrap .premium-inline-console .premium-save-zone,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-save-zone,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-save-row {
  grid-area: save !important;
  grid-column: auto !important;
  grid-row: auto !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  height: 67px !important;
  min-height: 67px !important;
  margin: 0 !important;
}
html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .complete-attempt-btn,
html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-save-row button[type="submit"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 67px !important;
  min-height: 67px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
}

@media (max-width: 1320px) {
  html body.gs-workspace .wrap .premium-inline-console .premium-inline-grid,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-inline-grid,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-stable-grid {
    grid-template-columns: 270px minmax(900px, 1fr) !important;
    overflow-x: auto !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-action-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-action-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-second-fields {
    grid-template-columns: minmax(470px, 2.35fr) minmax(250px, 1.3fr) minmax(170px, .85fr) !important;
  }
}

@media (max-width: 980px) {
  html body.gs-workspace .wrap .premium-inline-console .premium-inline-grid,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-inline-grid,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-stable-grid {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-customer-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-top-fields {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
    overflow-x: auto !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-action-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-action-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-second-fields {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: "result result" "remark save" !important;
  }
}

@media (max-width: 720px) {
  html body.gs-workspace .wrap .premium-inline-console .premium-customer-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-customer-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-top-fields {
    grid-template-columns: repeat(2, minmax(145px, 1fr)) !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-action-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-action-fields,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-second-fields {
    grid-template-columns: 1fr !important;
    grid-template-areas: "result" "remark" "save" !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .inline-result-strip,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .inline-result-strip,
  html body.gs-workspace .wrap .abd-premium-inline-console .inline-result-strip {
    grid-template-columns: repeat(4, minmax(48px, 1fr)) !important;
    height: auto !important;
  }
  html body.gs-workspace .wrap .premium-inline-console .premium-save-zone,
  html body.gs-workspace.gs-density-comfortable .wrap .premium-inline-console .premium-save-zone,
  html body.gs-workspace .wrap .premium-inline-console .complete-attempt-btn {
    height: 50px !important;
    min-height: 50px !important;
  }
}