:root {
  --bg: #f6f8fc;
  --surface: #ffffff;
  --ink-1: #1f2a44;
  --ink-2: #55627a;
  --line: #d6deed;
  --line-soft: #e9eef8;
  --brand: #2463eb;
  --brand-strong: #1f54c7;
  --ok: #1d8546;
  --warn: #9a6111;
  --danger: #cb3d2f;
  --shadow: 0 12px 28px rgba(21, 38, 71, 0.08);
  --font-base: "Malgun Gothic", sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-base);
  color: var(--ink-1);
  background:
    radial-gradient(circle at 10% 0%, #ffffff 0%, rgba(255, 255, 255, 0) 45%),
    radial-gradient(circle at 90% -20%, #eef4ff 0%, rgba(238, 244, 255, 0) 40%),
    var(--bg);
  min-height: 100vh;
}

.top-links {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0 24px;
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  font-size: 12px;
}

.top-links a {
  color: #5b6476;
  text-decoration: none;
}

.top-links a:hover {
  color: var(--brand);
}

.app {
  width: min(1100px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 28px;
  display: grid;
  gap: 10px;
}

.hero {
  text-align: center;
  margin-bottom: 4px;
  padding: 0;
}

.hero-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #d8e2f5;
  border-radius: 999px;
  background: #f8fbff;
  color: #4f5f83;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.hero h1 {
  margin: 8px 0 0;
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1a2846;
}

.hero-sub {
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: #556586;
}

.input-zone,
.result-zone,
.request-zone {
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow);
}

.section-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 8px;
}

.section-head h2,
.result-head h2,
.request-head h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.section-head p,
.request-sub {
  margin: 6px 0 0;
  color: var(--ink-2);
  font-size: 13px;
}

.control-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.btn {
  border: 1px solid var(--line);
  background: #f8faff;
  color: var(--ink-1);
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 14px;
  cursor: pointer;
}

.btn:hover:not(:disabled) {
  border-color: #bcc8e3;
  background: #f1f5ff;
}

.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn-small {
  padding: 8px 12px;
  font-size: 12px;
}

.carrier-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.remong-grid-zone {
  margin-top: 14px;
}

.tracking-grid-wrap {
  margin-top: 10px;
}

.tracking-grid-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.tracking-grid-input {
  min-width: 240px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 13px;
}

.tracking-grid-status {
  color: var(--ink-2);
  font-size: 12px;
}

.tracking-grid-table {
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  overflow: hidden;
}

.carrier-row label {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  color: var(--ink-1);
}

.carrier-row select {
  height: 38px;
  padding: 0 30px 0 12px;
  box-sizing: border-box;
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #60708f 50%),
    linear-gradient(135deg, #60708f 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.btn-primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.btn-primary:hover:not(:disabled) {
  background: var(--brand-strong);
  border-color: var(--brand-strong);
}

.progress-text {
  margin: 0 0 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  color: var(--ink-2);
  background: #f9fbff;
}

.progress-text.error {
  border-color: #efb3aa;
  color: #a12214;
  background: #fff6f5;
}

#input-table {
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

#input-table:hover {
  border-color: #b8c5e4;
}

#input-table.is-clicked {
  border-color: var(--brand);
  box-shadow: 0 0 0 1px var(--brand);
}

#input-table .tabulator {
  border: 0;
  background: transparent;
}

#input-table .tabulator-header {
  background: #f4f7ff;
  border-bottom: 1px solid var(--line);
}

#input-table .tabulator-col,
#input-table .tabulator-col-title {
  color: #3d4b67;
  font-size: 12px;
  font-weight: 700;
}

#input-table .tabulator-row {
  border-bottom: 1px solid #f0f3fa;
}

#input-table .tabulator-cell {
  padding: 10px;
  border-right: 1px solid #f0f3fa;
}

#input-table .tabulator-editing {
  background: #edf3ff !important;
}

.summary-zone {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 8px 0;
}

.summary-card {
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 6px 8px;
  background: #fff;
}

.summary-card h3 {
  margin: 0 0 2px 0;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--ink-2);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.summary-card p {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.summary-total p {
  color: #3e4e6e;
}

.summary-urgent p {
  color: var(--danger);
}

.summary-review p {
  color: var(--warn);
}

.summary-penalty p {
  color: #b45309;
}

.summary-normal p {
  color: var(--ok);
}

.summary-penalty {
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.summary-penalty:hover {
  border-color: #f59e0b;
}

.summary-penalty.fine-risk-active {
  background: #fffbeb;
  border-color: #fcd34d;
}

.summary-penalty.fine-risk-clear {
  background: #f8fafc;
  border-color: #e2e8f0;
}

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

.result-head-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.last-updated {
  color: var(--ink-2);
  font-size: 12px;
}

.result-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
  border-top: 1px solid var(--line-soft);
}

.result-table th,
.result-table td {
  border-bottom: 1px solid var(--line-soft);
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
}

.result-table th {
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 700;
  background: #f8faff;
}

.sort-btn {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  cursor: pointer;
  text-align: left;
}

.sort-btn .sort-indicator {
  color: #8b97b1;
  font-size: 12px;
  line-height: 1;
}

.sort-btn.is-active .sort-indicator,
.sort-btn:hover .sort-indicator {
  color: #3f5280;
}

.result-table .col-bl {
  width: 11%;
}

.result-table .col-tracking {
  width: 11%;
}

.badge-done {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
  font-weight: 700;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.8rem;
  white-space: nowrap;
}

.result-table .col-customs {
  width: 14%;
}

.result-table .col-delivery {
  width: 15%;
}

.result-table .col-risk {
  width: 8%;
}

.result-table .col-delay {
  width: 19%;
}

.result-table .col-next {
  width: 22%;
}

.cell-main {
  color: #2f3b55;
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

.col-tracking {
  vertical-align: middle;
}

.col-tracking .cell-main,
.col-tracking .cell-sub {
  display: block;
  line-height: 1.4;
}

.result-table .col-tracking .cell-main {
  font-size: 12px;
}

.result-table .col-tracking .cell-sub {
  font-size: 10px;
}

/* 결과 테이블 모든 td 기본 세로 정렬 통일 */
#result-table td {
  vertical-align: middle;
  word-break: break-all;
  padding: 8px 10px;
  box-sizing: border-box;
}

/* 박스/송장 없을 때 빈 셀 높이 유지 */
.col-tracking:empty::after,
.col-tracking .cell-main:empty::after {
  content: '-';
  color: #aab0bc;
}

.cell-main-inline {
  display: flex;
  align-items: center;
  gap: 6px;
}

.customs-main-text {
  min-width: 0;
  word-break: break-word;
}

.inline-complete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: 0;
  padding: 2px 7px;
  border-radius: 999px;
  background: #e8f6ed;
  color: #1d8546;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.cell-sub {
  margin-top: 3px;
  color: #64718a;
  font-size: 12px;
  line-height: 1.35;
  word-break: break-word;
}

.cell-urgent {
  margin-top: 4px;
  color: #a63a2d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  word-break: break-word;
}

.stack {
  display: grid;
  gap: 4px;
}

.bl-detail-btn {
  border: 0;
  background: transparent;
  padding: 0;
  color: #2456c5;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.bl-detail-btn:hover {
  text-decoration: underline;
}

.bl-text {
  color: #2f3b55;
}

.tracking-detail-btn {
  border: 0;
  background: transparent;
  padding: 0;
  color: #2456c5;
  font-size: 13px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  word-break: break-all;
}

.tracking-detail-btn:hover {
  text-decoration: underline;
}

.tracking-plain {
  color: #2f3b55;
  word-break: break-all;
}

.penalty-box {
  border: 1px solid #ffdcb2;
  border-radius: 10px;
  background: #fff8ef;
}

.row-retry-btn {
  border: 1px solid #cfd9ee;
  background: #f7faff;
  color: #274686;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  padding: 6px 8px;
  cursor: pointer;
  width: fit-content;
}

.row-retry-btn:hover {
  background: #edf3ff;
}

.penalty-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  padding: 6px 8px;
  color: #844a0f;
  font-size: 12px;
  font-weight: 700;
}

.penalty-toggle:hover {
  background: #fff2df;
}

.penalty-detail {
  border-top: 1px solid #ffe6c9;
  padding: 6px 8px;
  font-size: 12px;
  color: #63462a;
  line-height: 1.4;
  display: grid;
  gap: 3px;
}

.penalty-detail[hidden] {
  display: none;
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}

.dot-pending {
  background: #9aa8c6;
}

.dot-running {
  background: var(--brand);
  box-shadow: 0 0 0 0 rgba(36, 99, 235, 0.45);
  animation: pulse 1.2s infinite;
}

.dot-done {
  background: var(--ok);
}

.dot-cached {
  background: #4b7ef5;
}

.dot-error {
  background: var(--danger);
}

.risk-pill {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.risk-low {
  color: var(--ok);
  background: #e8f6ed;
}

.risk-mid {
  color: var(--warn);
  background: #fff5df;
}

.risk-high {
  color: var(--danger);
  background: #feeceb;
}

.empty-row {
  text-align: center;
  color: #94A3B8;
  font-size: 13px;
  font-weight: 500;
  vertical-align: middle;
  padding: 26px 8px !important;
}

.request-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}

.request-link {
  font-size: 12px;
  color: var(--brand);
  text-decoration: none;
}

.request-link:hover {
  text-decoration: underline;
}

.request-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.request-item {
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.request-item a {
  color: #2d4169;
  text-decoration: none;
  font-weight: 600;
}

.request-item a:hover {
  color: var(--brand);
}

.request-meta {
  color: var(--ink-2);
  font-size: 12px;
  white-space: nowrap;
}

.request-empty {
  margin-top: 12px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  padding: 12px;
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.5;
}

.request-empty p {
  margin: 0;
}

.request-empty p + p {
  margin-top: 6px;
}

.request-empty a {
  color: var(--brand);
}

.fine-risk-zone {
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: var(--shadow);
}

.fine-risk-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.fine-risk-head h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.fine-risk-count {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #b45309;
  font-size: 12px;
  font-weight: 700;
}

.fine-risk-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border-top: 1px solid var(--line-soft);
}

.fine-risk-table th,
.fine-risk-table td {
  padding: 10px 9px;
  border-bottom: 1px solid var(--line-soft);
  text-align: left;
  font-size: 12px;
  vertical-align: middle;
}

.fine-risk-table th {
  background: #f8faff;
  color: var(--ink-2);
  font-weight: 700;
}

body.modal-open {
  overflow: hidden;
}

.bl-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
}

.bl-modal[hidden] {
  display: none;
}

.bl-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 28, 56, 0.45);
}

.bl-modal-panel {
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  width: min(640px, calc(100% - 44px));
  max-height: calc(100vh - 80px);
  background: #fff;
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  display: grid;
  grid-template-rows: auto auto minmax(0,1fr) auto;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(12, 24, 49, 0.2);
}

.bl-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line-soft);
  cursor: move;
  user-select: none;
  touch-action: none;
}

.bl-modal-title {
  margin: 0;
  font-size: 16px;
}

.bl-modal-close {
  border: 0;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: #5d6880;
}

.bl-modal-meta {
  margin: 0;
  padding: 8px 12px;
  border-bottom: 1px solid var(--line-soft);
  color: #4b5871;
  font-size: 12px;
}

.bl-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-height: 0;
  padding: 10px 12px 8px;
  overflow: auto;
}

.bl-modal-section {
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  overflow: hidden;
  background: #fcfdff;
}

.bl-modal-subtitle {
  margin: 0;
  padding: 7px 9px;
  border-bottom: 1px solid var(--line-soft);
  font-size: 13px;
  color: #41506d;
}

.bl-modal-foot {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 8px;
  padding: 8px 12px 12px;
  border-top: 1px solid var(--line-soft);
  background:#fff;
}

.bl-modal-foot .bl-modal-summary-btn,
.bl-modal-foot [data-modal-close="1"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-width: 74px;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
  vertical-align: top;
}

.bl-modal-foot .bl-modal-summary-btn {
  border: 1px solid #BFDBFE;
  background: #EFF6FF;
  color: #1D4ED8;
}

.bl-modal-foot .bl-modal-summary-btn:hover {
  background: #DBEAFE;
  border-color: #93C5FD;
}

.bl-modal-foot [data-modal-close="1"] {
  margin-right: 0;
}

.bl-history-scroll{max-height:360px;overflow:auto;}

.bl-manual-body{padding:8px 10px 10px;}
.bl-manual-note{margin:0 0 8px;font-size:11px;line-height:1.4;color:#475569;}
.bl-manual-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,.72fr) minmax(0,1.28fr);gap:8px 8px;align-items:end;}
.bl-manual-field{display:flex;flex-direction:column;gap:4px;}
.bl-manual-field span{font-size:10px;font-weight:700;color:#64748B;}
.bl-manual-field input,
.bl-manual-field select{width:100%;height:32px;padding:0 9px;border:1px solid #D1D9E0;border-radius:8px;background:#fff;font-size:12px;color:#0F172A;outline:none;}
.bl-manual-field input[readonly]{background:#F8FAFC;color:#64748B;}
.bl-manual-tracking-link{display:block;text-decoration:none;}
.bl-manual-tracking-link input{
  cursor:pointer;
  color:#2563EB !important;
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:600;
}
.bl-manual-tracking-link.is-disabled{pointer-events:none;text-decoration:none;}
.bl-manual-tracking-link.is-disabled input{
  color:#94A3B8 !important;
  text-decoration:none;
  font-weight:400;
}
.bl-manual-field input:focus,
.bl-manual-field select:focus{border-color:#93C5FD;box-shadow:0 0 0 2px #DBEAFE;}
.bl-manual-field-wide{grid-column:1 / -1;}
.bl-manual-field-datetime{grid-column:4 / 5;}
.bl-manual-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:8px;}
.bl-manual-actions-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:0 0 auto;}
.bl-manual-save-btn{width:92px;min-width:74px;height:32px;flex-shrink:0;text-align:center;justify-content:center;padding:0 12px !important;border-radius:6px !important;font-size:12px !important;line-height:1;}
.bl-manual-status{margin:0;font-size:11px;color:#475569;line-height:1.35;flex:1 1 auto;}
.bl-manual-status.is-error{color:#B91C1C;}
.bl-manual-status.is-ok{color:#166534;}

.bl-history-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 11.5px;
}

.bl-history-table th,
.bl-history-table td {
  border-bottom: 1px solid var(--line-soft);
  padding: 6px 6px;
  text-align: left;
}

.bl-history-table th:first-child,
.bl-history-table td:first-child {
  width: 52px;
  text-align: center;
}

.bl-history-table th:nth-child(2),
.bl-history-table td:nth-child(2) {
  width: 15%;
}

.bl-history-table th:nth-child(3),
.bl-history-table td:nth-child(3) {
  width: 47%;
}

.bl-history-table th:nth-child(4),
.bl-history-table td:nth-child(4) {
  width: 30%;
}

#bl-detail-modal .bl-history-table th:nth-child(2),
#bl-detail-modal .bl-history-table td:nth-child(2) {
  width: 24%;
}

#bl-detail-modal .bl-history-table th:nth-child(3),
#bl-detail-modal .bl-history-table td:nth-child(3) {
  width: 38%;
}

#bl-detail-modal .bl-history-table th:nth-child(4),
#bl-detail-modal .bl-history-table td:nth-child(4) {
  width: 28%;
}

.bl-history-table th {
  color: #4b5871;
  background: #f7f9fe;
}

.bl-empty {
  text-align: center;
  color: #6a7791;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(36, 99, 235, 0.45);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(36, 99, 235, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(36, 99, 235, 0);
  }
}

@media (max-width: 960px) {
  .app {
    width: min(1100px, calc(100% - 20px));
    padding-top: 20px;
  }

  .section-head {
    flex-direction: column;
  }

  .control-row {
    width: 100%;
    justify-content: flex-start;
  }

  .summary-zone {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .result-head,
  .request-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .result-head-right {
    justify-content: flex-start;
  }

  .result-table {
    font-size: 12px;
  }

  .result-table th,
  .result-table td {
    padding: 10px 7px;
  }

  .bl-modal-grid {
    grid-template-columns: 1fr;
  }

  .request-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 600px) {
  .top-links {
    padding: 0 12px;
    margin-top: 12px;
    gap: 10px;
  }

  .hero h1 {
    font-size: 1.45rem;
  }

  .summary-zone {
    grid-template-columns: 1fr;
  }

  .control-row {
    flex-wrap: wrap;
  }

  .control-row .btn {
    flex: 1 1 auto;
  }

  .bl-modal-panel {
    width: calc(100% - 16px);
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    max-height: calc(100vh - 16px);
  }
}

.embedded-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: none;
}

.embedded-modal.is-open {
  display: block;
}

.embedded-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(11, 16, 32, 0.56);
  backdrop-filter: blur(2px);
}

.embedded-panel {
  position: absolute;
  inset: 20px;
  z-index: 2;
  background: #fff;
  border: 1px solid #d8e0f2;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(23, 42, 89, 0.25);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
}

.embedded-viewport {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.embedded-head {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #e6ecf8;
  background: linear-gradient(180deg, #f8fbff 0%, #f4f7ff 100%);
}

.embedded-title {
  font-size: 15px;
  color: #1f2a44;
}

.embedded-close {
  border: 1px solid #d6dfef;
  background: #fff;
  color: #1f2a44;
  border-radius: 10px;
  padding: 6px 10px;
  font-weight: 600;
  cursor: pointer;
}

.embedded-iframe {
  display: block;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

@media (max-width: 960px) {
  .embedded-panel {
    inset: 8px;
    border-radius: 12px;
  }
}

/* React Migration Additions (append only) */
.remong-row-memo {
  width: 100%;
  min-height: 36px;
  max-height: 90px;
  resize: vertical;
  padding: 8px 10px;
  border: 1px solid #d1d9e0;
  border-radius: 8px;
  background: #ffffff;
  color: #1e293b;
  font-size: 12px;
  line-height: 1.45;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.remong-row-memo::placeholder {
  color: #94a3b8;
}

.remong-row-memo:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.25);
}

.remong-row-memo:disabled {
  background: #f8fafc;
  color: #94a3b8;
  cursor: not-allowed;
}

.remong-row-summary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 7px 10px;
  border: 1px solid #d1d9e0;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
}

.remong-row-summary-link:hover {
  color: #0f172a;
  border-color: #94a3b8;
  background: #f8fafc;
}

.remong-row-save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  padding: 7px 10px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.remong-row-save-btn:hover {
  border-color: #93c5fd;
  background: #dbeafe;
}

.remong-row-save-btn.saved {
  border-color: #86efac;
  background: #dcfce7;
  color: #166534;
}

.remong-summary-overlay {
  position: fixed;
  inset: 0;
  z-index: 3200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(15, 23, 42, 0.52);
  backdrop-filter: blur(2px);
}

.remong-summary-modal {
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d1d9e0;
  border-radius: 12px;
  box-shadow: 0 24px 52px rgba(15, 23, 42, 0.26);
  padding: 14px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 10px;
}

.remong-summary-title {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
}

.remong-summary-text {
  width: 100%;
  min-height: 230px;
  max-height: calc(100vh - 180px);
  resize: vertical;
  border: 1px solid #d1d9e0;
  border-radius: 10px;
  padding: 11px 12px;
  background: #ffffff;
  color: #1e293b;
  font-family: var(--font-base);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  outline: none;
}

.remong-summary-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.remong-summary-btn {
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 8px 12px;
  cursor: pointer;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.remong-summary-btn:hover {
  border-color: #93c5fd;
  background: #dbeafe;
}

.remong-summary-btn.secondary {
  border-color: #d1d9e0;
  background: #ffffff;
  color: #475569;
}

.remong-summary-btn.secondary:hover {
  border-color: #94a3b8;
  color: #0f172a;
  background: #f8fafc;
}

@media (max-width: 720px) {
  .remong-summary-overlay {
    padding: 10px;
  }

  .remong-summary-modal {
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    border-radius: 10px;
    padding: 12px;
    gap: 8px;
  }

  .remong-summary-text {
    min-height: 180px;
    max-height: calc(100vh - 150px);
  }
}

/* =====================================================
   PHASE-1 UI 이식 — App.tsx 레이아웃 클래스
   style.css 끝에 추가 (기존 내용 삭제 금지)
   ===================================================== */

/* ── 전체 배경 ── */
body {
  background: #F1F5F9;
  font-family: var(--font-base);
}

/* ── TopNav ── */
.top-nav {
  background: #ffffff;
  border-bottom: 1px solid #E2E8F0;
  position: sticky;
  top: 0;
  z-index: 100;
}
.top-nav-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-nav-brand {
  font-size: 15px;
  font-weight: 800;
  color: #1D4ED8;
  letter-spacing: -0.03em;
}
.top-nav-links {
  display: flex;
  align-items: center;
  gap: 16px;
}
.top-nav-links a {
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  transition: color 0.15s;
}
.top-nav-links a:hover { color: #0F172A; }
.top-nav-user {
  font-size: 12px;
  font-weight: 600;
  color: #1E293B;
}
.top-nav-updated {
  font-size: 11px;
  color: #94A3B8;
  margin-left: 8px;
}
.top-nav-updated strong { color: #64748B; font-weight: 600; }

/* ── 로딩 바 ── */
.loading-bar {
  height: 2px;
  background: #DBEAFE;
  overflow: hidden;
}
.loading-bar-inner {
  height: 100%;
  background: #1D4ED8;
  width: 0%;
  animation: loading-bar-anim 1.6s ease-in-out forwards;
}
@keyframes loading-bar-anim {
  0%   { width: 0%; }
  20%  { width: 40%; }
  60%  { width: 72%; }
  90%  { width: 92%; }
  100% { width: 100%; }
}

/* ── 페이지 메인 ── */
.page-main {
  padding: 24px 0 48px;
}
.content-max {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ── Hero 섹션 ── */
.hero-section {
  margin-bottom: 24px;
}
.hero-kicker {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #1D4ED8;
  margin-bottom: 6px;
}
.hero-section h1 {
  font-size: 22px;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.03em;
  margin-bottom: 8px;
}
.hero-sub {
  font-size: 13px;
  color: #64748B;
  line-height: 1.6;
}
.hero-sub small {
  font-size: 11px;
  opacity: 0.75;
}

/* ── 섹션 구분선 ── */
.section-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.section-divider-label {
  font-size: 12px;
  font-weight: 700;
  color: #1E293B;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.section-divider-badge {
  padding: 1px 6px;
  background: #EFF6FF;
  color: #1D4ED8;
  border: 1px solid #BFDBFE;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.section-divider-line {
  flex: 1;
  height: 1px;
  background: #E2E8F0;
}
.section-divider-sub {
  font-size: 11px;
  font-weight: 500;
  color: #94A3B8;
  white-space: nowrap;
}

/* ── Summary Zone (순서 변경: input 위로) ── */
.summary-zone {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}
.summary-card {
  background: #ffffff;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 14px 16px;
  transition: box-shadow 0.15s;
}
.summary-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.07); }
.summary-card h3 {
  font-size: 11px;
  font-weight: 600;
  color: #64748B;
  margin-bottom: 6px;
}
.summary-card p {
  font-size: 24px;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.03em;
}
.summary-urgent p { color: #DC2626; }
.summary-penalty { cursor: pointer; }
.summary-penalty p { color: #D97706; }

/* ── Input Card (InputZone.tsx 스타일) ── */
.input-card {
  background: #ffffff;
  border: 1px solid #D1D9E0;
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.input-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #E8ECF0;
  background: #F8FAFC;
}
.input-card-head-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.input-card-icon { color: #334155; }
.input-card-title {
  font-size: 13px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
}
.input-card-badge {
  padding: 2px 6px;
  background: #EFF6FF;
  color: #1D4ED8;
  border: 1px solid #BFDBFE;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
}
.input-card-head-right {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #64748B;
}
.input-info-icon { color: #94A3B8; }
.input-hint { font-size: 12px; color: #64748B; }

.input-card-body {
  padding: 20px;
}
.progress-text {
  font-size: 12px;
  color: #64748B;
  margin-bottom: 12px;
}
.progress-text.error { color: #DC2626; }

/* 하단 액션 바 */
.input-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
}
.input-action-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 행추가 버튼 (dashed) */
.btn-add-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  background: transparent;
  border: 1px dashed #94A3B8;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.btn-add-row:hover {
  color: #0F172A;
  border-color: #475569;
  background: #F8FAFC;
}
.btn-add-row svg { flex-shrink: 0; }

/* 보조 버튼 */
.btn-secondary {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  background: #ffffff;
  border: 1px solid #D1D9E0;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.btn-secondary:hover {
  color: #0F172A;
  border-color: #94A3B8;
}

/* 주 버튼 */
.btn-primary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background: #1D4ED8;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.btn-primary:hover { background: #1E40AF; }
.btn-primary:active { background: #1E3A8A; }
.btn-primary:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ── Result Zone 헤더 업데이트 ── */
.result-zone { margin-bottom: 20px; }
.result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.result-head h2 {
  font-size: 13px;
  font-weight: 700;
  color: #1E293B;
}
.result-head-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── 푸터 ── */
.page-footer {
  margin-top: 32px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-footer > span {
  font-size: 11px;
  color: #94A3B8;
}
.footer-links {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer-links a {
  font-size: 11px;
  color: #94A3B8;
  text-decoration: none;
  transition: color 0.15s;
}
.footer-links a:hover { color: #475569; }

/* ── 반응형 ── */
@media (max-width: 900px) {
  .summary-zone { grid-template-columns: repeat(3, 1fr); }
  .content-max { padding: 0 16px; }
  .top-nav-inner { padding: 0 16px; }
}
@media (max-width: 600px) {
  .summary-zone { grid-template-columns: repeat(2, 1fr); }
  .input-card-head { flex-direction: column; align-items: flex-start; gap: 6px; }
  .input-action-bar { flex-direction: column; align-items: stretch; gap: 8px; }
  .input-action-right { justify-content: flex-end; }
  .page-footer { flex-direction: column; gap: 8px; text-align: center; }
}

/* ── STEP 5 ResultTable 이식 클래스 ── */

/* 숨김 컬럼 */
.col-hidden { display: none !important; }

/* 행 강조 */
.row-urgent { background: #FFF8F8; }
.row-urgent:hover { background: #FEF2F2; }

/* 판정 pill */
.label-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.label-high   { background: #FEE2E2; color: #B91C1C; border-color: #FECACA; }
.label-medium { background: #FEF3C7; color: #B45309; border-color: #FDE68A; }
.label-low    { background: #F1F5F9; color: #475569; border-color: #E2E8F0; }
.label-done   { background: #DCFCE7; color: #166534; border-color: #86EFAC; }

/* 과태료 의심 배지 */
.penalty-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 4px;
  color: #B91C1C;
  font-size: 12px;
  font-weight: 700;
}
.text-muted { color: #CBD5E1; font-size: 12px; }

/* 안내 메시지 */
.guide-message { font-size: 12px; color: #334155; line-height: 1.4; }

/* 트래킹 셀 */
.cell-tracking-main { font-size: 10.5px; font-weight: 600; color: #334155; line-height: 1.4; word-break: break-all; }
.carrier-auto  { color: #94A3B8; }
.carrier-name  { color: inherit; }

/* 메모 textarea (React: remong-row-memo) */
.remong-row-memo {
  width: 100%;
  min-height: 52px;
  padding: 6px 8px;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  font-size: 12px;
  color: #334155;
  resize: vertical;
  outline: none;
  font-family: inherit;
  transition: border-color 0.15s;
}
.remong-row-memo:focus { border-color: #93C5FD; box-shadow: 0 0 0 2px #DBEAFE; }
.remong-row-memo:disabled { background: #F8FAFC; color: #94A3B8; cursor: not-allowed; }

/* 화물요약 버튼 (React: remong-row-summary-link) */
.remong-row-summary-link {
  display: inline-block;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #1D4ED8;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.15s;
  margin-bottom: 4px;
}
.remong-row-summary-link:hover { background: #DBEAFE; }

/* 저장 버튼 (React: remong-row-save-btn) */
.remong-row-save-btn {
  display: inline-block;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #475569;
  background: #ffffff;
  border: 1px solid #D1D9E0;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.15s;
}
.remong-row-save-btn:hover { color: #0F172A; border-color: #94A3B8; }
.remong-row-save-btn.saved { color: #166534; background: #DCFCE7; border-color: #86EFAC; }
.remong-row-save-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* col-copy 셀 세로 정렬 */
.col-copy { vertical-align: middle; }
.col-memo { vertical-align: middle; }

/* ================================================================
   REMONG — Vanilla CSS (React Tailwind 1:1 이식)
   기존 style.css 끝에 추가. 기존 내용 삭제 금지.
   ================================================================ */

/* ── 전역 ── */
*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0;
  background:#F1F5F9;
  font-family: var(--font-base);
  color:#334155;
}
a{text-decoration:none;}

/* ── 스크롤바 ── */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:#F1F5F9;}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#94A3B8;}

/* ================================================================
   TOP NAV
   ================================================================ */
.tnav{
  position:sticky;top:0;z-index:50;
  width:100%;background:#fff;
  border-bottom:1px solid #D1D9E0;
}
.tnav-inner{
  max-width:1440px;margin:0 auto;padding:0 24px;
  height:52px;display:flex;align-items:center;justify-content:space-between;
}
/* Left */
.tnav-left{display:flex;align-items:center;gap:12px;}
.tnav-logo-wrap{display:flex;align-items:center;gap:8px;}
.tnav-icon-box{
  width:28px;height:28px;background:#1D4ED8;border-radius:6px;
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.tnav-brand{font-size:15px;font-weight:700;color:#0F172A;letter-spacing:-0.03em;}
.tnav-sep{width:1px;height:16px;background:#D1D9E0;}
.tnav-subtitle{font-size:12px;font-weight:500;color:#475569;}
/* Right */
.tnav-right{display:flex;align-items:center;gap:4px;}
/* 실시간 badge */
.tnav-realtime{
  display:flex;align-items:center;gap:6px;
  padding:4px 12px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:999px;
  margin-right:8px;
}
.tnav-rt-dot{
  width:6px;height:6px;border-radius:50%;background:#22C55E;
  animation:pulse 2s ease infinite;
}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
.tnav-rt-label{font-size:11px;font-weight:600;color:#16A34A;}
.tnav-rt-dash{font-size:11px;color:#4ADE80;}
.tnav-rt-time{font-size:11px;font-weight:500;color:#15803D;}
.tnav-rt-time strong{color:#15803D;}
/* Nav links */
.tnav-link{
  display:inline-flex;align-items:center;gap:4px;
  padding:6px 10px;font-size:12px;font-weight:500;color:#334155;
  border-radius:4px;transition:all .15s;
}
.tnav-link:hover{color:#0F172A;background:#F1F5F9;}
.tnav-link-icon svg{width:14px;height:14px;}
/* Icon buttons */
.tnav-icon-btn{
  position:relative;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  color:#475569;border:none;background:transparent;border-radius:4px;
  cursor:pointer;transition:all .15s;
}
.tnav-icon-btn:hover{color:#0F172A;background:#F1F5F9;}
.tnav-icon-dot{
  position:absolute;top:6px;right:6px;
  width:6px;height:6px;border-radius:50%;
  background:#EF4444;border:1px solid #fff;
}
/* User button */
.tnav-user-btn{
  display:flex;align-items:center;gap:6px;
  padding:6px 10px;background:#F8FAFC;border:1px solid #E2E8F0;
  border-radius:4px;cursor:pointer;transition:all .15s;
}
.tnav-user-btn:hover{background:#F1F5F9;}
.tnav-avatar{
  width:20px;height:20px;border-radius:50%;background:#94A3B8;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:700;color:#fff;
}
.tnav-avatar-guest{background:#94A3B8;}
.tnav-user-name{font-size:12px;font-weight:600;color:#0F172A;}

/* ================================================================
   MAIN / CONTAINER
   ================================================================ */
.pg-main{padding:12px 0 40px;}
.pg-container{max-width:1440px;margin:0 auto;padding:0 24px;}
.pg-page-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#0F172A;letter-spacing:-0.02em;line-height:1.2;}

/* ================================================================
   HERO SECTION
   ================================================================ */
.hero-section{margin-bottom:24px;}
.hero-breadcrumb{
  display:flex;align-items:center;gap:4px;margin-bottom:12px;
}
.hero-bc-item{font-size:12px;font-weight:400;color:#64748B;}
.hero-bc-current{font-size:12px;font-weight:600;color:#1E293B;}
.hero-title-row{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;margin-bottom:16px;
}
.hero-h1{
  font-size:24px;font-weight:700;color:#0F172A;
  letter-spacing:-0.03em;line-height:1.2;margin:0 0 4px;
}
.hero-desc{font-size:13px;color:#475569;line-height:1.6;margin:0;}
.hero-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:2px;}
.hero-date-chip{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;background:#fff;border:1px solid #D1D9E0;
  border-radius:4px;font-size:12px;font-weight:500;color:#334155;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.hero-refresh-btn{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;background:#fff;border:1px solid #D1D9E0;
  border-radius:4px;font-size:12px;font-weight:500;color:#334155;
  cursor:pointer;transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.hero-refresh-btn:hover{color:#0F172A;border-color:#94A3B8;background:#F8FAFC;}
/* Status bar */
.hero-status-bar{
  display:flex;align-items:stretch;
  background:#fff;border:1px solid #D1D9E0;border-radius:8px;
  overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.hero-status-item{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;flex:1;border-right:1px solid #E8ECF0;
}
.hero-status-item:last-child{border-right:none;}
.hsi-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.hsi-dot-red{background:#EF4444;}
.hsi-dot-amber{background:#F59E0B;}
.hsi-label{font-size:10px;font-weight:600;letter-spacing:.04em;color:#64748B;}
.hsi-value{font-size:12px;font-weight:700;}
.hsi-value-red{color:#B91C1C;}
.hsi-value-amber{color:#B45309;}

/* ================================================================
   SECTION DIVIDER
   ================================================================ */
.sdiv{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.sdiv-label{font-size:12px;font-weight:700;color:#1E293B;letter-spacing:-0.01em;white-space:nowrap;}
.sdiv-line{flex:1;height:1px;background:#E2E8F0;}
.sdiv-sub{font-size:11px;font-weight:500;color:#94A3B8;white-space:nowrap;}

/* ================================================================
   CHIPS / BADGES
   ================================================================ */
.chip{
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 6px;border-radius:4px;border:1px solid;
  font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap;
}
.chip-blue{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE;}
.chip-gray{background:#F1F5F9;color:#475569;border-color:#E2E8F0;}
.chip-red{background:#FEE2E2;color:#B91C1C;border-color:#FECACA;}
.chip-sm{font-size:10px;}
.chip-icon{gap:4px;}

/* ================================================================
   KPI GRID
   ================================================================ */
.kpi-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:6px;margin-bottom:20px;
}
.kpi-card{
  position:relative;background:#fff;
  border:1px solid var(--kc-border,#E2E8F0);
  border-radius:8px;overflow:hidden;
}
.kpi-topbar{
  position:absolute;top:0;left:0;right:0;
  height:1.5px;background:var(--kc-bar,#E2E8F0);
}
.kpi-body{padding:10px;}
.kpi-icon{
  width:20px;height:20px;border-radius:6px;
  background:var(--kc-icon-bg,#F1F5F9);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:6px;
}
.kpi-num{
  font-size:18px;font-weight:800;color:#0F172A;
  letter-spacing:-0.03em;line-height:1;
  font-variant-numeric:tabular-nums;margin-bottom:2px;
}
.kpi-num-red{color:#DC2626;}
.kpi-num-amber{color:#D97706;}
.kpi-title{font-size:10px;font-weight:600;color:#334155;margin-bottom:2px;}
.kpi-sub{font-size:9px;color:#94A3B8;margin-bottom:4px;}
.kpi-change{
  display:inline-flex;align-items:center;gap:2px;
  font-size:10px;font-weight:500;color:#94A3B8;
}
.kpi-change svg{color:#94A3B8;}

/* ================================================================
   INPUT ZONE CARD
   ================================================================ */
.icard{
  background:#fff;border:1px solid #D1D9E0;
  border-radius:8px;margin-bottom:20px;
  overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.icard-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;border-bottom:1px solid #E8ECF0;background:#F8FAFC;
}
.icard-head-l{display:flex;align-items:center;gap:8px;}
.icard-title{font-size:13px;font-weight:700;color:#0F172A;letter-spacing:-0.02em;}
.icard-head-r{display:flex;align-items:center;gap:6px;color:#64748B;}
.icard-hint{font-size:12px;color:#64748B;}
.icard-body{padding:20px;}

/* Carrier row */
.carrier-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.carrier-label{font-size:12px;font-weight:600;color:#334155;flex-shrink:0;}
.carrier-select-wrap{position:relative;}
.carrier-select-btn{
  display:flex;align-items:center;gap:8px;
  padding:6px 12px;background:#fff;border:1px solid #D1D9E0;
  border-radius:4px;cursor:pointer;min-width:160px;transition:border-color .15s;
}
.carrier-select-btn:hover{border-color:#94A3B8;}
.carrier-select-btn span{font-size:12px;font-weight:600;color:#0F172A;}
.carrier-dropdown{
  position:absolute;top:calc(100%+4px);left:0;
  width:210px;background:#fff;border:1px solid #D1D9E0;
  border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);
  z-index:20;padding:4px 0;overflow:hidden;
}
.carrier-opt{
  display:block;width:100%;text-align:left;
  padding:8px 12px;font-size:12px;font-weight:400;color:#0F172A;
  background:transparent;border:none;cursor:pointer;transition:background .1s;
}
.carrier-opt:hover{background:#F1F5F9;}
.carrier-opt-active{color:#1D4ED8;background:#EFF6FF;font-weight:600;}
.carrier-hint{font-size:11px;color:#94A3B8;margin-left:4px;}

/* Input grid (Tabulator用 wrapper) */
.igrid-wrap{
  border:1px solid #D1D9E0;border-radius:8px;
  overflow:hidden;margin-bottom:16px;
}
/* Tabulator override to match React InputZone grid */
#input-table .tabulator{border:none;}
#input-table .tabulator-header{background:#F1F5F9;border-bottom:1px solid #D1D9E0;}
#input-table .tabulator-col{border-right:1px solid #D1D9E0;}
#input-table .tabulator-col-title{font-size:12px;font-weight:600;letter-spacing:0;color:#475569;}
#input-table .tabulator-row{border-bottom:1px solid #E8ECF0;transition:background .1s;}
#input-table .tabulator-row:hover{background:#F8FAFC;}
#input-table .tabulator-cell{
  border-right:1px solid #E8ECF0;
  font-size:12px;color:#0F172A;padding:0 12px;
}
#input-table input[type=text]{
  font-size:12px;color:#0F172A;background:transparent;
  border:none;outline:none;width:100%;height:36px;padding:0;
}
#input-table input[type=text]::placeholder{color:#CBD5E1;}

/* Action bar */
.icard-actions{display:flex;align-items:center;justify-content:space-between;}
.icard-actions-r{display:flex;align-items:center;gap:8px;}

/* ================================================================
   BUTTONS
   ================================================================ */
.btn-dashed{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;font-size:12px;font-weight:500;color:#475569;
  background:transparent;border:1px dashed #94A3B8;border-radius:4px;
  cursor:pointer;transition:all .15s;
}
.btn-dashed:hover{color:#0F172A;border-color:#475569;background:#F8FAFC;}
.btn-secondary{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;font-size:12px;font-weight:500;color:#475569;
  background:#fff;border:1px solid #D1D9E0;border-radius:4px;
  cursor:pointer;transition:all .15s;
}
.btn-secondary:hover{color:#0F172A;border-color:#94A3B8;}
.btn-secondary:disabled{opacity:.5;cursor:default;}
.btn-sm{font-size:11px;padding:5px 10px;}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 20px;font-size:12px;font-weight:700;
  color:#fff;background:#1D4ED8;border:none;border-radius:4px;
  cursor:pointer;transition:background .15s;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.btn-primary:hover{background:#1E40AF;}
.btn-primary:active{background:#1E3A8A;}
.btn-primary:disabled{opacity:.4;cursor:not-allowed;}

/* ================================================================
   ERROR BANNER
   ================================================================ */
.error-banner{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;background:#FEF2F2;border:1px solid #FECACA;
  border-radius:8px;margin-bottom:20px;
}
.error-dot{width:8px;height:8px;border-radius:50%;background:#DC2626;flex-shrink:0;}
.error-banner span{font-size:12px;font-weight:700;color:#991B1B;}

/* ================================================================
   RESULT TABLE CARD
   ================================================================ */
.rcard{
  background:#fff;border:1px solid #D1D9E0;border-radius:8px;
  margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.rcard-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 20px;border-bottom:1px solid #E8ECF0;background:#F8FAFC;
}
.rcard-head-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rcard-title{font-size:13px;font-weight:700;color:#0F172A;letter-spacing:-0.02em;}
.rcard-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
/* Search */
.rsearch-wrap{position:relative;}
.rsearch-icon{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  color:#94A3B8;pointer-events:none;
}
.rsearch-input{
  padding:6px 12px 6px 32px;border:1px solid #D1D9E0;border-radius:4px;
  background:#fff;font-size:12px;color:#0F172A;width:195px;outline:none;
  transition:border-color .15s;
}
.rsearch-input::placeholder{color:#CBD5E1;}
.rsearch-input:focus{border-color:#93C5FD;box-shadow:0 0 0 2px #DBEAFE;}
/* Filter group */
.rfilter-group{
  display:flex;align-items:center;gap:4px;
  padding:6px 8px;background:#fff;border:1px solid #D1D9E0;border-radius:4px;
}
.rfilter-btn{
  padding:2px 8px;border:none;background:transparent;
  font-size:10px;font-weight:700;letter-spacing:.03em;
  color:#94A3B8;border-radius:3px;cursor:pointer;transition:all .1s;
}
.rfilter-btn:hover{color:#475569;}
.rfilter-active{background:#EFF6FF;color:#1D4ED8;}
.rfilter-high{background:#FEE2E2;color:#B91C1C;}
.rfilter-medium{background:#FEF3C7;color:#B45309;}
.rfilter-low{background:#DCFCE7;color:#15803D;}
/* Table wrap */
.rtable-wrap{overflow-x:auto;}
.rtable{
  width:100%;min-width:1180px;border-collapse:collapse;
}
.rtable thead{position:static;top:auto;z-index:auto;}
.rtable thead tr{background:#F1F5F9;border-bottom:1px solid #D1D9E0;}
.rtable th{padding:10px 16px;text-align:left;}
.rtable td{
  padding:12px 16px;border-bottom:1px solid #F1F5F9;
  font-size:12px;color:#334155;vertical-align:middle;
}
.rtable tbody tr{transition:background .1s;cursor:pointer;}
.rtable tbody tr:hover{background:#F8FAFC;}
.rtable tbody tr.row-urgent{background:#FFF8F8;}
.rtable tbody tr.row-urgent:hover{background:#FEF2F2;}
/* Sort button */
.rsort-btn{
  display:inline-flex;align-items:center;gap:4px;
  font-size:11px;font-weight:600;letter-spacing:.03em;
  color:#64748B;background:transparent;border:none;cursor:pointer;
  transition:color .15s;
}
.rsort-btn:hover{color:#334155;}
.rsort-active{color:#1D4ED8;}
.rth-label{font-size:11px;font-weight:600;letter-spacing:.03em;color:#64748B;}
/* Empty cell */
.rtable-empty{
  padding:56px 16px;text-align:center;
}
.rtable-empty svg,.rtable-empty span{display:block;margin:0 auto;}
.rtable-empty svg{margin-bottom:8px;}
.rtable-empty span{font-size:13px;color:#94A3B8;}
/* Table footer */
.rtable-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;border-top:1px solid #E8ECF0;background:#F8FAFC;
}
.rtable-count{font-size:11px;color:#94A3B8;}
.rtable-page-btn{
  width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  background:#1D4ED8;color:#fff;border:none;border-radius:4px;
  font-size:11px;font-weight:700;cursor:pointer;
}

/* ================================================================
   RESULT TABLE — ROW CELL STYLES (main.js renderResults 출력)
   ================================================================ */
/* BL 번호 */
.col-bl .bl-text,
.col-bl .bl-actions,
.col-bl .bl-detail-btn{
  font-size:12px;font-weight:700;
  font-family: var(--font-base);letter-spacing:.03em;
  color:#0F172A;background:none;border:none;cursor:pointer;padding:0;
  transition:color .15s;
}
.col-bl .bl-detail-btn:hover{color:#1D4ED8;}
.col-bl .bl-actions{display:flex;align-items:center;gap:6px;}
.col-bl .bl-summary-btn{
  display:inline-flex;align-items:center;padding:2px 8px;
  font-size:10px;font-weight:600;color:#1D4ED8;
  background:#EFF6FF;border:1px solid #BFDBFE;border-radius:4px;
  cursor:pointer;transition:background .15s;
}
.col-bl .bl-summary-btn:hover{background:#DBEAFE;}

/* 판정 / 위험 pill */
.risk-pill{
  display:inline-flex;align-items:center;
  padding:3px 8px;border-radius:4px;border:1px solid;
  font-size:12px;font-weight:700;white-space:nowrap;
}
.risk-pill.risk-high{background:#FEE2E2;color:#B91C1C;border-color:#FECACA;}
.risk-pill.risk-medium{background:#FEF3C7;color:#B45309;border-color:#FDE68A;}
.risk-pill.risk-low{background:#F1F5F9;color:#475569;border-color:#E2E8F0;}
.risk-pill.risk-done{background:#DCFCE7;color:#166534;border-color:#86EFAC;}
/* inline complete badge */
.inline-complete{
  display:inline-flex;align-items:center;padding:1px 5px;
  font-size:10px;font-weight:700;color:#166534;
  background:#DCFCE7;border:1px solid #86EFAC;border-radius:3px;
  margin-left:4px;
}

/* 과태료 */
.penalty-badge{
  display:inline-flex;align-items:center;padding:3px 8px;
  background:#FEF2F2;border:1px solid #FECACA;border-radius:4px;
  color:#B91C1C;font-size:12px;font-weight:700;
}
.penalty-box{margin-top:4px;}
.penalty-toggle{
  font-size:11px;font-weight:600;color:#B45309;
  background:none;border:none;cursor:pointer;padding:0;
}
.penalty-detail{font-size:10px;color:#475569;padding:4px 0;line-height:1.5;}

/* 메모 textarea */
.remong-row-memo,.memo-input{
  width:100%;min-height:52px;padding:6px 8px;
  border:1px solid #E2E8F0;border-radius:6px;
  font-size:12px;color:#334155;resize:vertical;outline:none;
  font-family:inherit;transition:border-color .15s;
}
.remong-row-memo:focus,.memo-input:focus{
  border-color:#93C5FD;box-shadow:0 0 0 2px #DBEAFE;
}
.remong-row-memo:disabled,.memo-input:disabled{
  background:#F8FAFC;color:#94A3B8;cursor:not-allowed;
}

/* 화물요약 / 복사 버튼 */
.remong-row-summary-link,.bl-summary-btn,.row-copy-btn{
  display:inline-flex;align-items:center;
  padding:4px 10px;font-size:11px;font-weight:600;
  color:#1D4ED8;background:#EFF6FF;border:1px solid #BFDBFE;
  border-radius:5px;cursor:pointer;transition:background .15s;
  margin-bottom:4px;
}
.remong-row-summary-link:hover,.bl-summary-btn:hover{background:#DBEAFE;}
.row-copy-btn{color:#475569;background:#fff;border-color:#D1D9E0;}
.row-copy-btn:hover{color:#0F172A;border-color:#94A3B8;}

/* 저장 버튼 */
.remong-row-save-btn{
  display:inline-flex;align-items:center;
  padding:4px 10px;font-size:11px;font-weight:600;
  color:#475569;background:#fff;border:1px solid #D1D9E0;
  border-radius:5px;cursor:pointer;transition:all .15s;
}
.remong-row-save-btn:hover{color:#0F172A;border-color:#94A3B8;}
.remong-row-save-btn.saved{color:#166534;background:#DCFCE7;border-color:#86EFAC;}
.remong-row-save-btn:disabled{opacity:.4;cursor:not-allowed;}

/* 재시도 / 저장 버튼 (result-head) */
#retry-error-btn,#save-btn{
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 10px;font-size:11px;font-weight:600;
  color:#475569;background:#fff;border:1px solid #D1D9E0;
  border-radius:4px;cursor:pointer;transition:all .15s;
}
#retry-error-btn:hover,#save-btn:hover{color:#0F172A;border-color:#94A3B8;}
#save-btn:disabled{opacity:.4;cursor:not-allowed;}

/* tracking cell */
.cell-tracking-main{font-size:10.5px;font-weight:600;color:#334155;line-height:1.4;word-break:break-all;}
.carrier-auto{color:#94A3B8;}
.tracking-detail-btn,.tracking-plain{
  font-size:10.5px;font-weight:600;color:#334155;
  background:none;border:none;cursor:pointer;padding:0;
}
.tracking-detail-btn:hover{color:#1D4ED8;}

/* cell sub text */
.cell-sub{font-size:10px;color:#94A3B8;margin-top:2px;line-height:1.4;}
.cell-sub-inline{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tracking-status-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:#EFF6FF;border:1px solid #BFDBFE;color:#1D4ED8;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;}
.tracking-status-badge.is-done{background:#E8F5E9;border-color:#A5D6A7;color:#2E7D32;}
.tracking-status-badge.is-pending{background:#FFF7ED;border-color:#FED7AA;color:#C2410C;}
.cell-main{font-size:11px;font-weight:600;color:#334155;}
.cell-main-inline{display:inline-flex;align-items:center;gap:4px;}
.cell-urgent{font-size:11px;font-weight:600;color:#B91C1C;}
.stack{display:flex;flex-direction:column;gap:4px;}
.customs-main-text{font-size:11px;font-weight:600;color:#334155;}

/* 안내 메시지 */
.guide-message{font-size:12px;color:#334155;line-height:1.4;}
.text-muted{font-size:12px;color:#CBD5E1;}

.pg-footer{
  margin-top:32px;padding-bottom:20px;
  display:flex;align-items:center;justify-content:space-between;
}
.pg-footer>span{font-size:11px;color:#94A3B8;}
.pg-footer-links{display:flex;align-items:center;gap:12px;}
.pg-footer-links a{font-size:11px;color:#94A3B8;text-decoration:none;transition:color .15s;}
.pg-footer-links a:hover{color:#475569;}

/* ================================================================
   PLAN PANEL (기존 유지)
   ================================================================ */
.rp-toggle{position:fixed;top:10px;left:10px;z-index:1200;display:flex;align-items:flex-start;gap:6px;}
.rp-chip{height:26px;padding:0 8px;border:1px solid #d6deef;border-radius:999px;background:#fff;color:#1e2a44;font-size:11px;font-weight:700;cursor:pointer;}
.rp-panel{
  background:#fff;border:1px solid #d6deef;border-radius:10px;
  padding:12px;width:220px;opacity:0;transform:translateX(-8px);
  pointer-events:none;transition:all .2s;
}
.rp-panel.is-open{opacity:1;transform:translateX(0);pointer-events:auto;}
.rp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;color:#1e2a44;}
.rp-panel-close{border:0;background:transparent;color:#60708f;font-size:15px;cursor:pointer;line-height:1;}
.rp-panel-list{margin:0;padding:0;list-style:none;font-size:12px;color:#2d3d5a;line-height:1.45;}
.rp-panel-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;}
.rp-panel-actions a{display:inline-block;padding:4px 8px;border-radius:7px;border:1px solid #d6deef;background:#f7f9fd;color:#234176;font-size:11px;font-weight:700;}

/* ================================================================
   PROGRESS TEXT (main.js)
   ================================================================ */
.progress-text{font-size:12px;color:#64748B;margin:0 0 12px;}
.progress-text.error{color:#DC2626;}
.progress-text.done{color:#16A34A;}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){
  .pg-container{padding:0 16px;}
  .tnav-inner{padding:0 16px;}
  .hero-title-row{flex-direction:column;}
  .kpi-grid{grid-template-columns:repeat(2,1fr);}
  .rcard-head{flex-direction:column;align-items:flex-start;}
  .rcard-controls{flex-wrap:wrap;}
  .icard-actions{flex-direction:column;align-items:stretch;gap:8px;}
  .icard-actions-r{justify-content:flex-end;}
  .pg-footer{flex-direction:column;gap:8px;text-align:center;}
}
@media(max-width:480px){
  .kpi-grid{grid-template-columns:1fr;}
  .tnav-subtitle{display:none;}
  .hero-status-bar{flex-direction:column;}
  .hero-status-item{border-right:none;border-bottom:1px solid #E8ECF0;}
  .hero-status-item:last-child{border-bottom:none;}
}
/* ================================================================
   REMONG — Vanilla CSS  (React Tailwind DOM 완전 1:1)
   모든 수치: React HTML DOM Tailwind 클래스 직접 변환
   ================================================================ */
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:#F1F5F9;font-family:var(--font-base);color:#334155;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:#F1F5F9;}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#94A3B8;}

/* ═══ TOP NAV  h-13=52px  px-6=24px ════════════════════════════ */
.tnav{position:sticky;top:0;z-index:50;width:100%;background:#fff;border-bottom:1px solid #D1D9E0;overflow:visible !important;}
.tnav-inner{max-width:1440px;margin:0 auto;padding:0 24px;min-height:92px;display:flex;align-items:center;justify-content:space-between;overflow:visible !important;}
.tnav-left{display:flex;align-items:center;gap:0;min-width:0;overflow:visible !important;}
.cargo-brand-lockup{display:flex;align-items:center;gap:0;min-width:0;overflow:visible !important;}
.cargo-brand-logo{display:block;height:92px;width:auto;max-width:none;object-fit:contain;object-position:left center;flex-shrink:0;}
.cargo-brand-sub{font-size:15px;font-weight:600;color:#475569;white-space:nowrap;line-height:1;}
.tnav-icon-box{width:28px;height:28px;background:#1D4ED8;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.tnav-brand{font-size:15px;font-weight:700;color:#0F172A;letter-spacing:-0.03em;line-height:1;}
.tnav-logo-wrap,
.tnav-brand-new,
.tnav-ver-badge,
.tnav-sep,
.tnav-subtitle{display:none !important;}
.tnav-right{display:flex;align-items:center;gap:4px;}
/* 실시간: px-3=12px py-1=4px gap-1.5=6px bg-#F0FDF4 border-#BBF7D0 rounded-full mr-2=8px */
.tnav-realtime{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:9999px;margin-right:8px;flex-shrink:0;}
.tnav-rt-dot{display:none;}
@keyframes rt-pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
.tnav-rt-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#16A34A;white-space:nowrap;}
.tnav-rt-label::before{content:'';width:6px;height:6px;border-radius:50%;background:#22C55E;flex-shrink:0;animation:rt-pulse 2s ease infinite;}
.tnav-rt-dash{font-size:11px;color:#4ADE80;}
.tnav-rt-time{font-size:11px;font-weight:500;color:#15803D;white-space:nowrap;}
.tnav-rt-time strong{font-weight:500;color:#15803D;}
.tnav-service-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;flex-shrink:0;min-width:124px;border:1px solid #D1D9E0;border-radius:9999px;overflow:hidden;background:#fff;}
.tnav-service-badge{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;padding:4px 12px;border:none;border-right:1px solid #D1D9E0;border-radius:0;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;}
.tnav-service-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;animation:rt-pulse 2s ease infinite;}
.tnav-service-badge:last-child{border-right:none;}
.tnav-service-badge.is-ok{background:#F0FDF4;color:#15803D;}
.tnav-service-badge.is-bad{background:#FEF2F2;color:#B91C1C;}
.tnav-service-badge.is-batch{background:#1C1917;color:#F59E0B;border-right:1px solid rgba(245,158,11,.22);}
.tnav-batch-pill{display:inline-flex;align-items:center;gap:4px;background:#1C1917;border:1px solid rgba(245,158,11,.25);border-radius:9999px;padding:4px 10px;flex-shrink:0;}
.tnav-batch-dot{width:6px;height:6px;border-radius:50%;background:#F59E0B;flex-shrink:0;}
.tnav-batch-text{font-size:11px;font-weight:700;color:#F59E0B;white-space:nowrap;}
.tnav-brand-new{font-size:15px;font-weight:800;color:#0F172A;letter-spacing:-0.03em;line-height:1;}
.tnav-ver-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;background:#1E3A5F;color:#60A5FA;border:1px solid rgba(37,99,235,.27);border-radius:4px;font-size:10px;font-weight:700;line-height:1;}
.tnav-user-wrap{position:relative;}
.tnav-user-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden;display:none;z-index:200;}
.tnav-user-dropdown.is-open{display:block;}
.tnav-dd-header{padding:10px 13px;border-bottom:1px solid #F1F5F9;background:#fff;}
.tnav-dd-name{font-size:12px;font-weight:700;color:#0F172A;}
.tnav-dd-sub{margin-top:2px;font-size:11px;color:#64748B;}
.tnav-dd-item{display:block;width:100%;padding:8px 13px;background:none;border:none;text-align:left;text-decoration:none;font-size:12px;color:#334155;cursor:pointer;transition:background .15s,color .15s;}
.tnav-dd-item:hover{background:#F8FAFC;color:#0F172A;}
.tnav-dd-item.is-accent{color:#1D4ED8;}
.tnav-dd-sep{height:1px;background:#F1F5F9;}
/* nav links: px-2.5=10px py-1.5=6px 12px/500/#334155 */
.tnav-link{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;color:#334155;border-radius:4px;transition:color .15s,background .15s;white-space:nowrap;}
.tnav-link:hover{color:#0F172A;background:#F1F5F9;}
/* icon buttons: w-8 h-8=32px */
.tnav-icon-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#475569;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:color .15s,background .15s;padding:0;}
.tnav-icon-btn:hover{color:#0F172A;background:#F1F5F9;}
.tnav-icon-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#EF4444;border:1px solid #fff;}
/* user btn: px-2.5=10px py-1.5=6px bg-#F8FAFC border-#E2E8F0 rounded gap-1.5=6px */
.tnav-user-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:4px;cursor:pointer;transition:background .15s;}
.tnav-user-btn:hover{background:#F1F5F9;}
/* avatar: w-5 h-5=20px rounded-full bg-#94A3B8 9px/700 */
.tnav-avatar{width:20px;height:20px;border-radius:50%;background:#94A3B8;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;}
.tnav-user-name{font-size:12px;font-weight:600;color:#0F172A;}

/* ═══ PAGE LAYOUT  max-w-1440px  px-6=24px  py-6=24px ══════════ */
.pg-main{padding:24px 0 40px;}
.pg-container{max-width:1440px;margin:0 auto;padding:0 24px;}

/* ═══ HERO  mb-6=24px ══════════════════════════════════════════ */
.hero-section{margin-bottom:24px;}
/* breadcrumb: flex gap-1=4px mb-3=12px */
.hero-breadcrumb{display:flex;align-items:center;gap:4px;margin-bottom:12px;}
.hero-bc-item{font-size:12px;font-weight:400;color:#64748B;}
.hero-bc-current{font-size:12px;font-weight:600;color:#1E293B;}
/* title row: flex justify-between gap-4=16px mb-4=16px */
.hero-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
.hero-h1{font-size:24px;font-weight:700;color:#0F172A;letter-spacing:-0.03em;line-height:1.2;margin:0 0 4px;}
.hero-desc{font-size:13px;font-weight:400;color:#475569;line-height:1.6;margin:0;}
.hero-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:2px;}
/* date chip: px-3=12px py-1.5=6px gap-1.5=6px bg-white border-#D1D9E0 rounded shadow-sm */
.hero-date-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #D1D9E0;border-radius:4px;font-size:12px;font-weight:500;color:#334155;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:nowrap;}
.hero-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #D1D9E0;border-radius:4px;font-size:12px;font-weight:500;color:#334155;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .15s;}
.hero-refresh-btn:hover{color:#0F172A;border-color:#94A3B8;background:#F8FAFC;}
/* status bar: flex bg-white border-#D1D9E0 rounded-lg overflow-hidden shadow-sm */
.hero-status-bar{display:flex;background:#fff;border:1px solid #D1D9E0;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05);}
/* status item: px-4=16px py-2.5=10px gap-2=8px flex-1 border-r #E8ECF0 */
.hero-status-item{display:flex;align-items:center;gap:8px;padding:10px 16px;flex:1;border-right:1px solid #E8ECF0;}
.hero-status-item:last-child{border-right:none;}
.hsi-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.hsi-dot-red{background:#EF4444;}
.hsi-dot-amber{background:#F59E0B;}
/* label: 10px/600/0.04em/#64748B */
.hsi-label{font-size:10px;font-weight:600;letter-spacing:.04em;color:#64748B;margin-bottom:1px;}
.hsi-value{font-size:12px;font-weight:700;}
.hsi-value-red{color:#B91C1C;}
.hsi-value-amber{color:#B45309;}

/* ═══ SECTION DIVIDER  flex gap-3=12px mb-3=12px ═══════════════ */
.sdiv{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.sdiv-label{font-size:12px;font-weight:700;color:#1E293B;letter-spacing:-0.01em;white-space:nowrap;flex-shrink:0;}
.sdiv-line{flex:1;height:1px;background:#E2E8F0;}
.sdiv-sub{font-size:11px;font-weight:500;color:#94A3B8;white-space:nowrap;flex-shrink:0;}

/* ═══ CHIPS  px-1.5=6px py-0.5=2px rounded 10px/700 ════════════ */
.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;border:1px solid;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap;}
.chip-blue{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE;}
.chip-gray{background:#F1F5F9;color:#475569;border-color:#E2E8F0;}
.chip-red{background:#FEE2E2;color:#B91C1C;border-color:#FECACA;}
.chip-icon{gap:4px;}

/* ═══ KPI GRID  grid-cols-4 gap-1.5=6px mb-5=20px ═════════════ */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px;}
.kpi-card{position:relative;background:#fff;border:1px solid var(--kc-border,#E2E8F0);border-radius:8px;overflow:hidden;}
.kpi-grid-compact .kpi-card{border-left:3px solid var(--kc-bar,#2563EB);}
.kpi-grid-compact .kpi-topbar,
.kpi-grid-compact .kpi-icon,
.kpi-grid-compact .kpi-sub,
.kpi-grid-compact .kpi-change{display:none;}
.kpi-grid-compact .kpi-body{padding:11px 14px;}
.kpi-grid-compact .kpi-title{font-size:11px;color:#64748B;font-weight:500;margin-bottom:3px;}
.kpi-grid-compact .kpi-num{font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#0F172A;margin-bottom:3px;}
.kpi-grid-compact .kpi-trend-line{display:block;font-size:10.5px;font-weight:600;color:var(--kc-bar,#2563EB);}
.kpi-grid-compact .kpi-trend-line-red{color:#DC2626;}
.kpi-grid-compact .kpi-trend-line-amber{color:#D97706;}
.summary-zone{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:20px;}
.summary-zone .summary-card{position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:12px 14px 12px 18px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;}
.summary-zone .summary-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:4px 0 0 4px;background:#CBD5E1;}
.summary-zone .summary-card:hover{background:#F8FAFC;}
.summary-zone .summary-card.is-active{box-shadow:0 0 0 1px #BFDBFE inset;background:#F8FAFC;}
.summary-zone .summary-title{font-size:12px;font-weight:600;color:#64748B;margin-bottom:6px;}
.summary-zone .summary-value{font-size:28px;line-height:1;font-weight:800;color:#0F172A;font-variant-numeric:tabular-nums;}
.summary-zone .summary-total::before{background:#2563EB;}
.summary-zone .summary-unprocessed::before{background:#64748B;}
.summary-zone .summary-issue{border:2px solid #ef4444;}
.summary-zone .summary-issue::before{background:#ef4444;}
.summary-zone .summary-issue .summary-value{color:#ef4444;}
.summary-zone .summary-pending::before{background:#f59e0b;}
.summary-zone .summary-done::before{background:#22c55e;}
.result-row-issue{background:#fff5f5;}
.result-row-issue:hover{background:#ffecec;}
/* h-[1.5px] absolute top-0 left-0 right-0 */
.kpi-topbar{position:absolute;top:0;left:0;right:0;height:1.5px;background:var(--kc-bar,#94A3B8);}
/* px-2.5=10px pt-1.5=6px pb-1.5=6px */
.kpi-body{padding:6px 10px;}
/* w-5 h-5=20px rounded-md=6px mb-1.5=6px */
.kpi-icon{width:20px;height:20px;background:var(--kc-icon-bg,#F1F5F9);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
/* inner: w-3 h-3=12px */
.kpi-icon svg{width:12px;height:12px;}
/* 18px/800 letter-spacing:-0.03em line-height:1 tabular-nums */
.kpi-num{font-size:18px;font-weight:800;color:#0F172A;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums;margin:0;}
.kpi-num-red{color:#DC2626;}
.kpi-num-amber{color:#D97706;}
/* 10px/600/#334155 */
.kpi-title{font-size:10px;font-weight:600;color:#334155;margin:0;}
/* 9px/#94A3B8 mb-0.5=2px */
.kpi-sub{font-size:9px;color:#94A3B8;margin:0 0 2px;}
/* flex gap-0.5=2px 10px/500/#94A3B8 */
.kpi-change{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:500;color:#94A3B8;}
.kpi-change svg{width:12px;height:12px;}

/* ═══ INPUT ZONE CARD  bg-white border-#D1D9E0 rounded-lg mb-5=20px shadow-sm ═ */
.icard{background:#fff;border:1px solid #D1D9E0;border-radius:8px;margin-bottom:14px;overflow:visible;box-shadow:0 1px 3px rgba(0,0,0,.06);}
/* head: px-5=20px py-3=12px border-b #E8ECF0 bg-#F8FAFC */
.icard-head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #E8ECF0;background:#F8FAFC;gap:12px;}
.icard-head-l{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;}
.icard-title{font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-0.02em;}
.icard-head-r{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0;flex-shrink:0;}
.icard-head-r .error-banner{flex:1 1 auto;min-width:260px;max-width:520px;margin-bottom:0;padding:6px 10px;border-radius:6px;}
.icard-head-r .error-banner span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.icard-head-r .error-dot{width:7px;height:7px;}
.icard-hint{display:none;}
/* body: p-5=20px */
.icard-body{padding:6px 12px 8px;}

.input-head-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;}
.carrier-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;}
.carrier-label,
.input-head-label{font-size:11px;font-weight:600;color:#334155;flex-shrink:0;}
.carrier-select-wrap{position:relative;}
/* carrier btn: flex gap-2=8px px-3=12px py-1.5=6px bg-white border-#D1D9E0 rounded min-w-160px */
.carrier-select-btn{display:inline-flex;align-items:center;gap:8px;padding:3px 8px;background:#fff;border:1px solid #D1D9E0;border-radius:4px;cursor:pointer;min-width:128px;transition:border-color .15s;}
.carrier-select-btn:hover{border-color:#94A3B8;}
.carrier-select-btn>span{font-size:11px;font-weight:600;color:#0F172A;flex:1;text-align:left;}
.carrier-select-btn>svg{flex-shrink:0;transition:transform .2s;}
.carrier-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:190px;background:#fff;border:1px solid #D1D9E0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:100;padding:4px 0;overflow:hidden;}
.carrier-opt{display:block;width:100%;text-align:left;padding:8px 12px;font-size:12px;font-weight:400;color:#0F172A;background:transparent;border:none;cursor:pointer;transition:background .1s;white-space:nowrap;}
.carrier-opt:hover{background:#F1F5F9;}
.carrier-opt-active{color:#1D4ED8;background:#EFF6FF;font-weight:600;}
/* hint: 11px/#94A3B8 ml-1=4px */
.carrier-hint{display:none;}
.input-fold-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;}
.input-fold-copy{display:flex;flex-direction:column;gap:2px;min-width:0;}
.input-fold-copy strong{font-size:11px;font-weight:700;color:#0F172A;}
.input-fold-copy span{display:none;}
.btn-input-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;}
.btn-input-toggle .input-toggle-icon{transition:transform .18s ease;}
.btn-input-toggle[aria-expanded="true"] .input-toggle-icon{transform:rotate(180deg);}

/* ═══ INPUT GRID (Tabulator → React grid 1:1) ══════════════════
   border rounded-lg overflow-hidden mb-4=16px
   grid-template-columns: 40px 1fr 1fr 40px
   ════════════════════════════════════════════════════════════════ */
.input-main-row{display:flex;align-items:center;gap:10px;}
.igrid-wrap{flex:1 1 auto;min-width:0;}
.igrid-wrap,#input-table{border:1px solid #D1D9E0 !important;border-radius:8px !important;overflow:hidden !important;margin-bottom:0 !important;}
.igrid-wrap{transition:border-color .18s ease,box-shadow .18s ease;}
.igrid-wrap.is-expanded{border-color:#94A3B8 !important;box-shadow:0 0 0 3px rgba(37,99,235,.06);}
#input-table .tabulator{border:none !important;background:transparent !important;font-family:var(--font-base);}

/* header: bg-#F1F5F9 border-b #D1D9E0 */
#input-table .tabulator-header{display:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;overflow:hidden !important;}
#input-table .tabulator-header .tabulator-headers{display:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden !important;}

/* # 가상 헤더 셀: 40px center 10px/700/0.05em/#64748B border-r */
#input-table .tabulator-header .tabulator-headers::before{content:none !important;display:none !important;}
/* 삭제 가상 헤더 셀: 40px empty */
#input-table .tabulator-header .tabulator-headers::after{content:none !important;display:none !important;}

/* header col: py-2=8px px-3=12px border-r #D1D9E0 h=34px */
#input-table .tabulator-col{display:none !important;}
#input-table .tabulator-col:last-child{border-right:none !important;}
/* col title: 12px/600/0/#475569 px-3=12px */
#input-table .tabulator-col-title{display:none !important;}
#input-table .tabulator-col-sorter,
#input-table .tabulator-col-resize-handle,
#input-table .tabulator-header-separator,
#input-table .tabulator-header-filter{display:none !important;}

/* rows: border-b #E8ECF0 hover:#F8FAFC h-9=36px */
#input-table .tabulator-tableholder,
#input-table .tabulator-tableHolder,
#input-table .tabulator-table-holder{overflow-x:hidden !important;overflow-y:auto !important;height:140px !important;max-height:140px !important;overscroll-behavior-y:auto !important;}
#input-grid-wrap.is-collapsed .tabulator,
#input-grid-wrap.is-collapsed #input-table .tabulator{height:28px !important;max-height:28px !important;min-height:28px !important;}
#input-grid-wrap.is-collapsed .tabulator-tableholder,
#input-grid-wrap.is-collapsed .tabulator-tableHolder,
#input-grid-wrap.is-collapsed .tabulator-table-holder{height:28px !important;max-height:28px !important;min-height:28px !important;overflow-y:hidden !important;}
#input-grid-wrap.is-expanded .tabulator,
#input-grid-wrap.is-expanded #input-table .tabulator{height:140px !important;max-height:140px !important;min-height:140px !important;}
#input-grid-wrap.is-expanded .tabulator-tableholder,
#input-grid-wrap.is-expanded .tabulator-tableHolder,
#input-grid-wrap.is-expanded .tabulator-table-holder{height:140px !important;max-height:140px !important;min-height:140px !important;overflow-y:auto !important;}
#input-table .tabulator-row{background:#fff !important;border-bottom:1px solid #E8ECF0 !important;min-height:28px !important;display:flex !important;align-items:stretch !important;transition:background .1s !important;}
#input-table .tabulator-row:last-child{border-bottom:none !important;}
#input-table .tabulator-row:hover{background:#F8FAFC !important;}

/* cells: border-r #E8ECF0 */
#input-table .tabulator-cell{border-right:1px solid #E8ECF0 !important;padding:0 !important;display:flex !important;align-items:center !important;overflow:visible !important;min-width:0 !important;}
#input-table .tabulator-cell:last-child{border-right:none !important;}
#input-table .tabulator-col[tabulator-field="rowNo"],
#input-table .tabulator-cell[tabulator-field="rowNo"]{width:44px !important;min-width:44px !important;max-width:44px !important;flex:0 0 44px !important;}
#input-table .tabulator-cell[tabulator-field="bl"],
#input-table .tabulator-cell[tabulator-field="tracking"],
#input-table .tabulator-col[tabulator-field="bl"],
#input-table .tabulator-col[tabulator-field="tracking"]{flex:1 1 calc((100% - 44px) / 2) !important;width:calc((100% - 44px) / 2) !important;max-width:none !important;}

/* cell value display: px-3=12px 12px/400 */
#input-table .tabulator-cell .tabulator-cell-value{padding:0 !important;font-size:10.5px !important;font-weight:400 !important;line-height:28px !important;width:100% !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex !important;align-items:center !important;}
#input-table .tabulator-cell .input-cell-placeholder{display:block;color:#94A3B8;font-size:10.5px;line-height:28px;}
#input-table .input-row-no{display:flex;align-items:center;justify-content:center;width:100%;height:28px;color:#94A3B8;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;}
#input-table .tabulator-cell[tabulator-field="bl"] .tabulator-cell-value{color:#0F172A !important;}
#input-table .tabulator-cell[tabulator-field="tracking"] .tabulator-cell-value{color:#64748B !important;}

/* edit input: h-9=36px px-3=12px bg-transparent outline-none */
#input-table .tabulator-cell input,
#input-table input[type="text"]{height:28px !important;padding:0 8px !important;background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;font-size:10.5px !important;font-weight:400 !important;font-family:var(--font-base) !important;width:100% !important;display:block;}
#input-table .input-grid-field{height:28px !important;padding:0 8px !important;background:#fff !important;border:none !important;outline:none !important;box-shadow:none !important;font-size:10.5px !important;font-weight:400 !important;font-family:var(--font-base) !important;width:100% !important;display:block;text-align:left;}
#input-table .input-grid-field::placeholder{color:#94A3B8 !important;text-align:left;}
/* BL: text-[#0F172A] placeholder:text-[#CBD5E1] */
#input-table .tabulator-cell[tabulator-field="bl"] input{color:#0F172A !important;}
#input-table .tabulator-cell[tabulator-field="bl"] input::placeholder{color:#CBD5E1 !important;}
/* tracking: text-[#64748B] placeholder:text-[#CBD5E1] */
#input-table .tabulator-cell[tabulator-field="tracking"] input{color:#64748B !important;}
#input-table .tabulator-cell[tabulator-field="tracking"] input::placeholder{color:#CBD5E1 !important;}

#input-table .tabulator-placeholder{background:transparent !important;border:none !important;}
#input-table .tabulator-placeholder .tabulator-placeholder-contents{font-size:12px !important;color:#94A3B8 !important;}

/* 행번호 셀 (JS inject): 40px center 11px/600/tabular-nums/#94A3B8 border-r */
#input-table .rt-row-num{display:none !important;}
/* 삭제 셀 (JS inject): 40px center */
#input-table .rt-row-del{display:none !important;}
/* del btn: w-7 h-7=28px text-[#CBD5E1] hover:text-[#EF4444] disabled:opacity-25 */
#input-table .rt-del-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#CBD5E1;border-radius:4px;transition:color .15s;padding:0;}
#input-table .rt-del-btn:hover{color:#EF4444;}
#input-table .rt-del-btn:disabled{opacity:.25;cursor:default;}

/* ═══ BUTTONS ══════════════════════════════════════════════════ */
.btn-dashed{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:500;color:#475569;background:transparent;border:1px dashed #94A3B8;border-radius:4px;cursor:pointer;transition:all .15s;}
.btn-dashed:hover{color:#0F172A;border-color:#475569;background:#F8FAFC;}
.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:500;color:#475569;background:#fff;border:1px solid #D1D9E0;border-radius:4px;cursor:pointer;transition:all .15s;height:28px;}
.btn-secondary:hover{color:#0F172A;border-color:#94A3B8;}
.btn-secondary:disabled{opacity:.5;cursor:not-allowed;}
.btn-sm{font-size:11px !important;padding:4px 10px !important;}
/* primary: px-5=20px py-1.5=6px bg-[#1D4ED8] 12px/700 text-white */
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:3px 12px;font-size:10.5px;font-weight:700;color:#fff;background:#1D4ED8;border:none;border-radius:4px;cursor:pointer;transition:background .15s;box-shadow:0 1px 3px rgba(0,0,0,.15);height:28px;}
.btn-primary:hover{background:#1E40AF;}
.btn-primary:active{background:#1E3A8A;}
.btn-primary:disabled{opacity:.4;cursor:not-allowed;}
.icard-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:0;flex:0 0 auto;white-space:nowrap;height:28px;}
.icard-actions-r{display:flex;align-items:center;gap:4px;}

/* ═══ ERROR BANNER  px-4=16px py-2.5=10px bg-#FEF2F2 border-#FECACA rounded-lg mb-5=20px ═ */
.error-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:8px;margin-bottom:20px;}
.error-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;flex-shrink:0;}
.error-banner span{font-size:12px;font-weight:700;color:#15803D;}

/* ═══ RESULT CARD  bg-white border-#D1D9E0 rounded-lg mb-5=20px shadow-sm ════ */
.rcard{background:#fff;border:1px solid #D1D9E0;border-radius:8px;margin-bottom:20px;overflow:visible;box-shadow:0 1px 3px rgba(0,0,0,.06);}
.rcard,.kpi-grid,#result-body,.rtable-footer{overflow-anchor:none;}
/* head: px-5=20px py-3=12px border-b #E8ECF0 bg-#F8FAFC flex justify-between gap-3=12px */
.rcard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #E8ECF0;background:#F8FAFC;flex-wrap:wrap;}
.rcard-head-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rcard-title{font-size:13px;font-weight:700;color:#0F172A;letter-spacing:-0.02em;}
.rcard-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
/* search: pl-8=32px pr-3 py-1.5=6px border-#D1D9E0 rounded w-195px */
.rsearch-wrap{position:relative;}
.rsearch-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94A3B8;pointer-events:none;}
.rsearch-input{padding:6px 12px 6px 32px;border:1px solid #D1D9E0;border-radius:4px;background:#fff;font-size:12px;color:#0F172A;width:195px;outline:none;transition:border-color .15s;}
.rsearch-input::placeholder{color:#CBD5E1;}
.rsearch-input:focus{border-color:#93C5FD;box-shadow:0 0 0 2px #DBEAFE;}
/* filter group: px-2=8px py-1.5=6px bg-white border-#D1D9E0 rounded gap-1=4px */
.rfilter-group{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #D1D9E0;border-radius:4px;}
/* filter btn: px-2=8px py-0.5=2px 10px/700/0.03em */
.rfilter-btn{padding:2px 8px;border:none;background:transparent;font-size:10px;font-weight:700;letter-spacing:.03em;color:#94A3B8;border-radius:3px;cursor:pointer;transition:all .1s;}
.rfilter-btn:hover{color:#475569;}
.rfilter-active{background:#EFF6FF;color:#1D4ED8;}
.rfilter-high{background:#FEE2E2;color:#B91C1C;}
.rfilter-medium{background:#FEF3C7;color:#B45309;}
.rfilter-low{background:#DCFCE7;color:#15803D;}
.rcard-batch-note{margin-top:6px;font-size:11px;color:#475569;line-height:1.45;}
/* table: w-full min-w-1180px */
.rtable-wrap{overflow-x:auto;overflow-y:visible;}
.rtable{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;}
.rtable thead{position:static;top:auto;z-index:auto;}
/* thead: bg-#F1F5F9 border-b #D1D9E0 */
.rtable thead tr{background:#F1F5F9;border-bottom:1px solid #D1D9E0;}
/* th: px-4=16px py-2.5=10px text-left */
.rtable th{padding:10px 8px;text-align:left;white-space:nowrap;box-sizing:border-box;}
/* sort btn: flex gap-1=4px 11px/600/0.03em #64748B hover:#334155 */
.rsort-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.03em;color:#64748B;background:transparent;border:none;cursor:pointer;transition:color .15s;white-space:nowrap;padding:0;}
.rsort-btn:hover{color:#334155;}
.rsort-active{color:#1D4ED8;}
.rth-label{font-size:11px;font-weight:600;letter-spacing:.03em;color:#64748B;}
.rtable td{padding:10px 8px;border-bottom:1px solid #F1F5F9;font-size:12px;color:#334155;vertical-align:middle;box-sizing:border-box;}
.rtable tbody tr{transition:background .1s;cursor:pointer;}
.rtable tbody tr:hover{background:#F8FAFC;}
.rtable tbody tr.row-urgent{background:#FFF8F8;}
.rtable tbody tr.row-urgent:hover{background:#FEF2F2;}
/* empty: py-14=56px text-center */
.rtable-empty{padding:56px 16px;text-align:center;vertical-align:middle;color:#94A3B8;}
.rtable-empty>*{display:block;margin:0 auto;}
.rtable-empty svg{margin-bottom:8px;}
.rtable-empty span{font-size:13px;color:#94A3B8;font-weight:500;}
/* table footer: px-5=20px py-2.5=10px border-t #E8ECF0 bg-#F8FAFC */
.rtable-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 20px;border-top:1px solid #E8ECF0;background:#F8FAFC;}
.rtable-count{font-size:11px;color:#94A3B8;}
.rtable-pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
/* page btn: w-6 h-6=24px bg-#1D4ED8 #fff rounded 11px/700 */
.rtable-page-btn{min-width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#475569;border:1px solid #CBD5E1;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;padding:0 8px;transition:all .15s;}
.rtable-page-btn:hover{border-color:#93C5FD;color:#1D4ED8;background:#EFF6FF;}
.rtable-page-btn.is-active{background:#1D4ED8;color:#fff;border-color:#1D4ED8;}
.rtable-page-btn:disabled{opacity:.45;cursor:not-allowed;background:#F8FAFC;color:#94A3B8;border-color:#E2E8F0;}
.rtable-page-btn.is-nav{min-width:52px;}

/* ═══ RESULT CELL STYLES (main.js) ═════════════════════════════ */
.risk-pill,.label-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;border:1px solid;font-size:12px;font-weight:700;white-space:nowrap;}
.risk-pill.risk-high,.label-pill.label-high{background:#FEE2E2;color:#B91C1C;border-color:#FECACA;}
.risk-pill.risk-medium,.label-pill.label-medium{background:#FEF3C7;color:#B45309;border-color:#FDE68A;}
.risk-pill.risk-low,.label-pill.label-low{background:#F1F5F9;color:#475569;border-color:#E2E8F0;}
.risk-pill.risk-done,.label-pill.label-done{background:#DCFCE7;color:#166534;border-color:#86EFAC;}
.penalty-badge{display:inline-flex;align-items:center;padding:3px 8px;background:#FEF2F2;border:1px solid #FECACA;border-radius:4px;color:#B91C1C;font-size:12px;font-weight:700;}
.cell-tracking-main{font-size:10.5px;font-weight:600;color:#334155;line-height:1.5;word-break:break-all;}
.carrier-auto{color:#94A3B8;}
.carrier-name{color:#334155;}
.cell-sub{font-size:10px;color:#94A3B8;margin-top:2px;line-height:1.4;}
.remong-row-memo,.memo-input{width:100%;min-height:52px;padding:6px 8px;border:1px solid #E2E8F0;border-radius:6px;font-size:12px;color:#334155;resize:vertical;outline:none;font-family:var(--font-base);transition:border-color .15s;background:#fff;}
.remong-row-memo:focus,.memo-input:focus{border-color:#93C5FD;box-shadow:0 0 0 2px #DBEAFE;}
.remong-row-memo:disabled,.memo-input:disabled{background:#F8FAFC;color:#94A3B8;cursor:not-allowed;}
.rtable thead th:nth-child(1),.rtable td.col-bl{width:14% !important;min-width:14% !important;}
.rtable thead th:nth-child(2),.rtable td.col-tracking{width:16% !important;min-width:16% !important;}
.rtable thead th:nth-child(3),.rtable td.col-customs{width:13% !important;min-width:13% !important;}
.rtable thead th:nth-child(4),.rtable td.col-delivery{width:8% !important;min-width:8% !important;}
.rtable thead th:nth-child(5),.rtable td.col-delay{width:22% !important;min-width:22% !important;}
.rtable thead th:nth-child(6),.rtable td.col-memo{width:16% !important;min-width:16% !important;}
.rtable thead th:nth-child(7),.rtable td.col-copy{width:6% !important;min-width:6% !important;}
.rtable thead th:nth-child(8),.rtable td.col-save{width:5% !important;min-width:5% !important;}
.rtable td.col-copy,.rtable td.col-save,.rtable td.col-memo{vertical-align:middle;padding-top:8px;padding-bottom:8px;overflow:hidden;}
.rtable td.col-copy,.rtable td.col-save{text-align:left;padding-left:2px;padding-right:3px;}
.rtable td.col-memo{text-align:left;padding-top:4px;padding-right:1px;padding-bottom:6px;padding-left:0;}
.remong-row-summary-link,.remong-row-save-btn,.row-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:52px;height:52px;padding:8px 10px;font-size:11px;font-weight:600;line-height:1.3;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid;margin-bottom:0;white-space:normal;max-width:100%;text-align:center;}
.remong-row-summary-link,.row-copy-btn{color:#1D4ED8;background:#EFF6FF;border-color:#BFDBFE;}
.remong-row-summary-link:hover,.row-copy-btn:hover{background:#DBEAFE;}
.row-copy-btn{display:none !important;}
.remong-row-save-btn{width:100%;min-width:0;color:#475569;background:#fff;border-color:#D1D9E0;}
.remong-row-save-btn:hover{color:#0F172A;border-color:#94A3B8;}
.remong-row-save-btn.saved{color:#166534;background:#DCFCE7;border-color:#86EFAC;}
.remong-row-save-btn.is-delete{color:#B91C1C;background:#FEF2F2;border-color:#FECACA;}
.remong-row-save-btn.is-delete:hover{color:#991B1B;border-color:#FCA5A5;}
.remong-row-save-btn:disabled{opacity:.4;cursor:not-allowed;}
.carrier-link{text-decoration:none;}
.carrier-link:hover{text-decoration:underline;}
.guide-message{font-size:12px;color:#334155;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-muted{font-size:12px;color:#CBD5E1;}
#retry-error-btn,#save-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;color:#475569;background:#fff;border:1px solid #D1D9E0;border-radius:4px;cursor:pointer;transition:all .15s;}
#retry-error-btn:hover,#save-btn:hover{color:#0F172A;border-color:#94A3B8;}
#save-btn:disabled{opacity:.4;cursor:not-allowed;}

/* footer: mt-8=32px pb-5=20px flex justify-between */
.pg-footer{margin-top:32px;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between;}
.pg-footer>span{font-size:11px;color:#94A3B8;}
.pg-footer-links{display:flex;align-items:center;gap:12px;}
.pg-footer-links a{font-size:11px;color:#94A3B8;transition:color .15s;}
.pg-footer-links a:hover{color:#475569;}

/* ═══ PLAN PANEL ════════════════════════════════════════════════ */
.rp-toggle{position:fixed;top:10px;left:10px;z-index:1200;display:flex;align-items:flex-start;gap:6px;}
.rp-chip{height:26px;padding:0 8px;border:1px solid #d6deef;border-radius:999px;background:#fff;color:#1e2a44;font-size:11px;font-weight:700;cursor:pointer;}
.rp-panel{background:#fff;border:1px solid #d6deef;border-radius:10px;padding:12px;width:220px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:all .2s;}
.rp-panel.is-open{opacity:1;transform:translateX(0);pointer-events:auto;}
.rp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;color:#1e2a44;}
.rp-panel-close{border:0;background:transparent;color:#60708f;font-size:15px;cursor:pointer;}
.rp-panel-list{margin:0;padding:0;list-style:none;font-size:12px;color:#2d3d5a;line-height:1.45;}
.rp-panel-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;}
.rp-panel-actions a{display:inline-block;padding:4px 8px;border-radius:7px;border:1px solid #d6deef;background:#f7f9fd;color:#234176;font-size:11px;font-weight:700;}

/* ═══ MISC ══════════════════════════════════════════════════════ */
.progress-text{display:none !important;font-size:12px;color:#15803D;margin:0 0 12px;padding:8px 10px;border:1px solid #BBF7D0;border-radius:8px;background:#F0FDF4;}
.progress-text.error{color:#DC2626;border-color:#FECACA;background:#FEF2F2;}
.progress-text.done{color:#16A34A;border-color:#BBF7D0;background:#F0FDF4;}
.error-banner.error{background:#FEF2F2;border-color:#FECACA;}
.error-banner.error .error-dot{background:#DC2626;}
.error-banner.error span{color:#991B1B;}
.error-banner.done{background:#F0FDF4;border-color:#BBF7D0;}
.error-banner.done .error-dot{background:#22C55E;}
.error-banner.done span{color:#15803D;}
.fine-risk-zone{margin-top:20px;}
.fine-risk-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.fine-risk-head h2{font-size:13px;font-weight:700;color:#1E293B;margin:0;}
.fine-risk-count{font-size:11px;color:#64748B;}
.fine-risk-table{width:100%;border-collapse:collapse;font-size:12px;}
.fine-risk-table th{padding:8px 12px;text-align:left;font-weight:700;color:#64748B;border-bottom:1px solid #E2E8F0;}
.fine-risk-table td{padding:8px 12px;border-bottom:1px solid #F1F5F9;color:#334155;}

/* ═══ RESPONSIVE ════════════════════════════════════════════════ */
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){.rcard-head{flex-direction:column;align-items:flex-start;}.rcard-controls{flex-wrap:wrap;}}
@media(max-width:768px){
  .pg-container,.tnav-inner{padding:0 16px;}
  .hero-title-row{flex-direction:column;}
  .kpi-grid{grid-template-columns:repeat(2,1fr);}
  .icard-actions{flex-direction:column;align-items:stretch;gap:8px;}
  .icard-actions-r{justify-content:flex-end;}
  .bl-manual-grid{grid-template-columns:1fr;}
  .bl-manual-bottom{flex-direction:column;align-items:stretch;}
  .bl-manual-actions-row{justify-content:stretch;}
  .bl-manual-save-btn{width:100%;min-width:0;}
  .pg-footer{flex-direction:column;gap:8px;text-align:center;}
}
@media(max-width:480px){
  .kpi-grid{grid-template-columns:1fr;}
  .tnav-subtitle{display:none;}
  .hero-status-bar{flex-direction:column;}
  .hero-status-item{border-right:none;border-bottom:1px solid #E8ECF0;}
  .hero-status-item:last-child{border-bottom:none;}
}
/* =========================
   입력 테이블(Tabulator) 강제 보정
   ========================= */

/* 바깥 박스 */
@media(max-width:1280px){
  .pg-container,.tnav-inner{padding:0 16px;}
  .hero-title-row,.icard-head,.carrier-row,.icard-actions,.rcard-head,.saved-head,.sdiv{flex-wrap:wrap;}
  .input-main-row{flex-direction:column;align-items:stretch;}
  .hero-actions,.icard-head-r,.icard-actions-r,.rcard-controls{width:100%;flex-wrap:wrap;justify-content:flex-start;}
  .rsearch-wrap{flex:1 1 220px;min-width:180px;max-width:100%;}
  .rsearch-input{width:100%;}
  .rfilter-group{flex-wrap:wrap;max-width:100%;}
  .btn-dashed,.btn-secondary,.btn-primary,#retry-error-btn,#save-btn,#r-download-btn{min-width:0;}
  .hero-date-chip,.hero-refresh-btn,.carrier-select-btn,.btn-dashed,.btn-secondary,.btn-primary{padding-left:10px;padding-right:10px;}
  .icard-hint,.carrier-hint,.sdiv-sub{white-space:normal;overflow-wrap:anywhere;}
  .sdiv-line{display:none;}
}
@media(max-width:1100px){
  .icard-actions>.btn-dashed{width:100%;justify-content:center;}
  .icard-actions-r{justify-content:flex-end;}
  .rfilter-group{width:100%;}
}
.igrid-wrap,
#input-table {
  overflow: hidden !important;
  border-radius: 8px;
}

/* Tabulator 전체 */
#input-table .tabulator {
  width: 100% !important;
  border: 0 !important;
  table-layout: fixed !important;
  font-size: 13px !important;
}

/* 헤더 영역 */
#input-table .tabulator-header {
  background: #F1F5F9 !important;
  border-bottom: 1px solid #D1D9E0 !important;
}

#input-table .tabulator-header .tabulator-col {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  vertical-align: middle !important;
  border-right: 1px solid #D1D9E0 !important;
}

#input-table .tabulator-header .tabulator-col:last-child {
  border-right: 0 !important;
}

#input-table .tabulator-col-content {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#input-table .tabulator-col-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  line-height: 1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #475569 !important;
  white-space: nowrap !important;
}

/* 바디 행 */
#input-table .tabulator-row {
  min-height: 36px !important;
}

#input-table .tabulator-cell {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-right: 1px solid #E8ECF0 !important;
  border-bottom: 1px solid #E8ECF0 !important;
  vertical-align: middle !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  color: #0F172A !important;
}

#input-table .tabulator-cell:last-child {
  border-right: 0 !important;
}

/* 첫번째 번호 컬럼 */
#input-table .tabulator-row .tabulator-cell:first-child {
  justify-content: center !important;
  color: #94A3B8 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* input */
#input-table .tabulator-cell input[type="text"] {
  width: 100% !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0F172A !important;
  box-shadow: none !important;
}

#input-table .tabulator-cell input[type="text"]::placeholder {
  color: #CBD5E1 !important;
  font-size: 12px !important;
}

/* 편집중일 때 위로 붙는 현상 방지 */
#input-table .tabulator-editing {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #ffffff !important;
}

/* 가로 스크롤 제거 */
#input-table .tabulator-tableholder {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  overscroll-behavior-y: auto !important;
}

#input-table .tabulator-table {
  width: 100% !important;
}

/* 컬럼 폭 균형 */
#input-table .tabulator-col:nth-child(1),
#input-table .tabulator-cell:nth-child(1) {
  width: 48px !important;
  max-width: 48px !important;
  min-width: 48px !important;
}

#input-table .tabulator-col:nth-child(2),
#input-table .tabulator-cell:nth-child(2) {
  width: calc((100% - 48px) / 2) !important;
}

#input-table .tabulator-col:nth-child(3),
#input-table .tabulator-cell:nth-child(3) {
  width: calc((100% - 48px) / 2) !important;
}

/* Input table final alignment fixes */
#input-table .tabulator {
  width: 100% !important;
  font-size: 12px !important;
  height: auto !important;
  min-height: 0 !important;
}

#input-table .tabulator-header {
  display: block !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid #d1d9e0 !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  overflow: hidden !important;
  padding-right: 5px !important;
  box-sizing: border-box !important;
}

#input-table .tabulator-header .tabulator-headers {
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

#input-table .tabulator-header .tabulator-headers::before,
#input-table .tabulator-header .tabulator-headers::after {
  content: none !important;
  display: none !important;
}

#input-table .tabulator-row .tabulator-cell:first-child,
#input-table .tabulator-row .tabulator-cell:first-child .tabulator-cell-value {
  justify-content: center !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
}

#input-table .tabulator-header .tabulator-col {
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
  border-right: 1px solid #d1d9e0 !important;
  background: transparent !important;
}

#input-table .tabulator-header .tabulator-col:last-child {
  border-right: 0 !important;
}

#input-table .tabulator-col-content {
  height: 100% !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

#input-table .tabulator-col-title {
  width: 100% !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  color: #475569 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

#input-table .tabulator-row {
  min-height: 36px !important;
  background: #fff !important;
}

#input-table .tabulator-cell {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  border-right: 1px solid #e8ecf0 !important;
  border-bottom: 1px solid #e8ecf0 !important;
  font-size: 12px !important;
  color: #0f172a !important;
  overflow: hidden !important;
}

#input-table .tabulator-cell:last-child {
  border-right: 0 !important;
}

#input-table .tabulator-cell .tabulator-cell-value {
  width: 100% !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 36px !important;
}

#input-table .tabulator-row .tabulator-cell:first-child,
#input-table .tabulator-row .tabulator-cell:first-child .tabulator-cell-value {
  justify-content: center !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
}

#input-table .tabulator-cell input[type="text"] {
  width: 100% !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 !important;
  font-size: 12px !important;
  color: #0f172a !important;
}

#input-table .tabulator-cell[tabulator-field="tracking"] input {
  color: #334155 !important;
}

#input-table .tabulator-col:nth-child(1),
#input-table .tabulator-cell:nth-child(1) {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

#input-table .tabulator-col:nth-child(2),
#input-table .tabulator-cell:nth-child(2),
#input-table .tabulator-col:nth-child(3),
#input-table .tabulator-cell:nth-child(3) {
  width: calc((100% - 80px) / 2) !important;
}

/* Global readability and section alignment fixes */
body {
  font-size: inherit;
}

.sdiv {
  padding: 0;
  margin-bottom: 12px;
}

.sdiv-label {
  font-size: 12px;
}

.sdiv-sub {
  font-size: 11px;
}

.icard-title,
.rcard-title,
.saved-title,
.req-head h2,
.fine-risk-head h2 {
  font-size: 13px;
}

.icard-hint,
.carrier-label,
.carrier-select-btn > span,
.carrier-opt,
.carrier-hint,
.progress-text,
.btn-dashed,
.btn-secondary,
.btn-primary,
.rsearch-input,
.rtable td,
.saved-table td,
.request-item a,
.hero-desc,
.tnav-link,
.tnav-user-name,
.hero-bc-item,
.hero-bc-current {
  font-size: 12px;
}

.chip,
.chip-sm,
.rfilter-btn,
.rtable-count,
.saved-count,
.request-meta,
.pg-footer > span,
.pg-footer-links a {
  font-size: 11px;
}

/* Hide legacy injected cells so header/body columns stay aligned */
#input-table .rt-row-num,
#input-table .rt-row-del {
  display: none !important;
}

/* Align input card header text with body left edge */
.icard-head {
  padding: 12px 20px !important;
}

.icard-head-l {
  position: static;
  padding-left: 0 !important;
  gap: 10px;
}

.icard-head-l > svg:first-child {
  position: static;
  left: auto;
  top: auto;
  transform: none;
}

.icard-title {
  margin-left: 0 !important;
}

#input-table .tabulator-header .tabulator-col:nth-child(1) .tabulator-col-content,
#input-table .tabulator-header .tabulator-col:nth-child(4) .tabulator-col-content,
#input-table .tabulator-cell[tabulator-field="__delete"] {
  justify-content: center !important;
  padding: 0 !important;
}

#input-table .tabulator-header .tabulator-col:nth-child(1) .tabulator-col-title,
#input-table .tabulator-header .tabulator-col:nth-child(4) .tabulator-col-title {
  text-align: center !important;
}

#input-table .tabulator-cell[tabulator-field="__delete"] .tabulator-cell-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.input-row-del-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #CBD5E1;
  cursor: pointer;
  transition: color .15s;
}

.input-row-del-btn:hover {
  color: #EF4444;
}

/* Final override: hide only the Tabulator header inside the query input grid */
#input-table .tabulator-header,
#input-table .tabulator .tabulator-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#input-table .tabulator-header .tabulator-headers,
#input-table .tabulator .tabulator-header .tabulator-headers,
#input-table .tabulator-header .tabulator-col,
#input-table .tabulator .tabulator-header .tabulator-col,
#input-table .tabulator-col-title,
#input-table .tabulator .tabulator-col-title {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#input-table .tabulator-tableholder,
#input-table .tabulator-tableHolder,
#input-table .tabulator-table-holder,
#input-table .tabulator-table {
  border-top: 0 !important;
  margin-top: 0 !important;
}

#input-table .tabulator-row:first-child .tabulator-cell:first-child {
  border-top-left-radius: 8px !important;
}

#input-table .tabulator-row:first-child .tabulator-cell:last-child {
  border-top-right-radius: 8px !important;
}

#input-table .tabulator-col-resize-handle,
#input-table .tabulator-row > .tabulator-col-resize-handle {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  overflow: hidden !important;
}

#input-table .tabulator-col[tabulator-field="rowNo"],
#input-table .tabulator-cell[tabulator-field="rowNo"] {
  display: flex !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
}

#input-table .tabulator-col[tabulator-field="bl"],
#input-table .tabulator-cell[tabulator-field="bl"],
#input-table .tabulator-col[tabulator-field="tracking"],
#input-table .tabulator-cell[tabulator-field="tracking"] {
  display: flex !important;
  width: calc((100% - 44px) / 2) !important;
  min-width: 0 !important;
  max-width: none !important;
}

#input-table .tabulator-cell[tabulator-field="tracking"] .input-grid-field {
  box-shadow: inset 1px 0 0 #D1D9E0 !important;
}

/* CargoX screenshot-aligned overrides */
.icard{border-radius:10px;box-shadow:none;background:#fff;}
.icard-head{padding:10px 16px;border-bottom:1px solid #E5E7EB;background:#FAFBFC;align-items:center;}
.icard-head-l{gap:6px;}
.icard-title{font-size:18px;font-weight:700;color:#111827;}
.icard-head-note{font-size:12px;color:#9CA3AF;white-space:nowrap;}
.icard-body{padding:14px 16px 14px;}
.carrier-row{gap:10px;margin-bottom:12px;}
.input-head-label{font-size:13px;font-weight:700;color:#374151;}
.carrier-select-btn{min-width:104px;height:34px;padding:0 12px;border-radius:8px;font-size:13px;}
.carrier-inline-hint{font-size:12px;color:#9CA3AF;white-space:nowrap;}
.input-hero-box{margin-bottom:10px;}
.input-hero-field{width:100%;height:40px;padding:0 14px;border:1px solid #93C5FD;border-radius:8px;background:#fff;font-size:14px;color:#111827;outline:none;box-shadow:inset 0 0 0 1px rgba(147,197,253,.25);}
.input-hero-field::placeholder{color:#9CA3AF;}
.input-hero-field:focus{border-color:#60A5FA;box-shadow:0 0 0 3px rgba(147,197,253,.18);}
.input-main-row{display:block;}
#input-grid-wrap.is-collapsed{display:none;}
#input-grid-wrap.is-expanded{display:block;margin-top:10px;}
.icard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;height:auto;white-space:normal;}
.icard-actions-r{display:flex;align-items:center;gap:8px;margin-left:auto;}
#input-toggle-btn[hidden]{display:none !important;}
#clear-rows-btn{opacity:.65;}
#retry-error-btn{display:none !important;}

.sdiv{margin:14px 0 10px;}
.sdiv-label{font-size:14px;font-weight:700;color:#111827;}
.sdiv-sub{font-size:12px;color:#9CA3AF;}

.rcard{border-radius:10px;box-shadow:none;background:#fff;}
.rcard-head{padding:10px 16px;border-bottom:1px solid #E5E7EB;background:#FAFBFC;align-items:center;}
.rcard-title{font-size:18px;font-weight:700;color:#111827;}
.rfilter-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rfilter-chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #D1D5DB;border-radius:999px;background:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;}
.rfilter-chip[data-filter="ALL"]{border-color:#BFDBFE;background:#EFF6FF;color:#2563EB;}
.rfilter-chip[data-filter="ISSUE"]{border-color:#FECACA;background:#FEF2F2;color:#DC2626;}
.rfilter-chip[data-filter="UNPROCESSED"]{border-color:#CBD5E1;background:#F8FAFC;color:#64748B;}
.rfilter-chip[data-filter="PENDING"]{border-color:#FCD34D;background:#FFFBEB;color:#D97706;}
.rfilter-chip[data-filter="DONE"]{border-color:#BBF7D0;background:#F0FDF4;color:#16A34A;}
.rfilter-chip[data-filter="SAVED"]{border-color:#FCD34D;background:#FFFBEB;color:#D97706;}
.rfilter-chip.is-active,.rfilter-chip.rfilter-active{box-shadow:0 0 0 1px currentColor inset;}
.rfilter-chip[data-filter="ALL"].is-active,.rfilter-chip[data-filter="ALL"].rfilter-active{border-color:#2563EB;background:#DBEAFE;color:#1D4ED8;}
.rfilter-chip[data-filter="ISSUE"].is-active,.rfilter-chip[data-filter="ISSUE"].rfilter-active{border-color:#DC2626;background:#FEE2E2;color:#B91C1C;}
.rfilter-chip[data-filter="UNPROCESSED"].is-active,.rfilter-chip[data-filter="UNPROCESSED"].rfilter-active{border-color:#64748B;background:#E2E8F0;color:#475569;}
.rfilter-chip[data-filter="PENDING"].is-active,.rfilter-chip[data-filter="PENDING"].rfilter-active{border-color:#F59E0B !important;background:#FEF3C7 !important;color:#B45309 !important;}
.rfilter-chip[data-filter="DONE"].is-active,.rfilter-chip[data-filter="DONE"].rfilter-active{border-color:#22C55E;background:#DCFCE7;color:#15803D;}
.rfilter-chip[data-filter="SAVED"].is-active,.rfilter-chip[data-filter="SAVED"].rfilter-active{border-color:#F59E0B !important;background:#FEF3C7 !important;color:#B45309 !important;}
.rfilter-hidden{display:none !important;}
.rcard-controls{margin-left:auto;display:flex;align-items:center;gap:10px;}
.rsearch-input{width:220px;height:30px;padding:0 12px 0 32px;border-radius:8px;font-size:12px;}
#r-download-btn{height:30px;padding:0 12px;border-color:#BBF7D0;background:#F0FDF4;color:#16A34A;}
#r-download-btn:hover{border-color:#86EFAC;color:#15803D;background:#ECFDF5;}
#save-btn[hidden]{display:none !important;}

.rtable thead tr{background:#F8FAFC;border-bottom:1px solid #D1D5DB;}
.rtable th{padding:12px 10px;font-size:12px;}
.rtable td{padding:10px 10px;}
.rtable-empty{padding:90px 16px;}
.rtable-empty span{font-size:14px;color:#94A3B8;}
.rtable-footer{padding:10px 16px;background:#FAFBFC;}
.rtable-count,.rtable-summary{font-size:12px;color:#6B7280;}
.rtable-summary{margin-left:auto;}

.rtable thead th:nth-child(1),.rtable td.col-bl{width:15% !important;min-width:15% !important;}
.rtable thead th:nth-child(2),.rtable td.col-tracking{width:18% !important;min-width:18% !important;}
.rtable thead th:nth-child(3),.rtable td.col-customs{width:14% !important;min-width:14% !important;}
.rtable thead th:nth-child(4),.rtable td.col-delivery{width:10% !important;min-width:10% !important;}
.rtable thead th:nth-child(5),.rtable td.col-violation{width:11% !important;min-width:11% !important;}
.rtable thead th:nth-child(6),.rtable td.col-elapsed{width:8% !important;min-width:8% !important;}
.rtable thead th:nth-child(7),.rtable td.col-next{width:13% !important;min-width:13% !important;}
.rtable thead th:nth-child(8),.rtable td.col-memo{width:16% !important;min-width:16% !important;}
.rtable thead th:nth-child(9),.rtable td.col-save{width:9% !important;min-width:9% !important;}
.rtable td.col-memo{text-align:left;padding:6px 8px;}
.remong-row-memo,.memo-input{min-height:40px;height:40px;padding:8px 10px;border-radius:8px;resize:none;}
.rtable td.col-save{text-align:center;padding:8px 6px;}
.remong-row-summary-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:32px;
  height:32px;
  padding:0 10px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.remong-row-save-btn{
  width:100%;
  min-height:30px;
  height:30px;
  padding:0 8px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  line-height:1;
}

/* Final result-table override: memo / summary / save */
.rtable thead th:nth-child(6),.rtable td.col-next{width:13% !important;min-width:13% !important;}
.rtable thead th:nth-child(7),.rtable td.col-memo{width:16% !important;min-width:16% !important;}
.rtable thead th:nth-child(8),.rtable td.col-copy{width:8% !important;min-width:8% !important;}
.rtable thead th:nth-child(9),.rtable td.col-save{width:7% !important;min-width:7% !important;}
.rtable td.col-copy,.rtable td.col-save{text-align:center;padding:8px 6px;vertical-align:middle;}
.remong-row-summary-link{
  width:100%;
  min-height:32px;
  height:32px;
  padding:0 10px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.remong-row-save-btn{
  width:100%;
  min-height:28px;
  height:28px;
  padding:0 6px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}

@media(max-width:768px){
  .carrier-inline-hint{white-space:normal;}
  .icard-head-note{white-space:normal;}
  .rtable-summary{margin-left:0;width:100%;}
}

/* Textarea input card */
.input-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 10px;border-bottom:1px solid #E5E7EB;background:#FAFBFC;}
.input-card-title-wrap{min-width:0;}
.input-card-title{font-size:18px;font-weight:700;color:#111827;line-height:1.25;}
.input-card-desc{margin-top:4px;font-size:12px;color:#6B7280;line-height:1.4;}
.input-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.input-card-body{padding-top:12px;}
.input-card-textarea-wrap{margin-top:6px;}
.error-banner-inline{
  margin:0;
  padding:6px 10px;
  border-radius:8px;
  min-height:34px;
  max-width:420px;
}
.error-banner-inline span{
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.error-banner-inline .error-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
}
.shipment-bulk-input{
  width:100%;
  min-height:62px;
  height:62px;
  padding:14px 16px;
  border:1px solid #CBD5E1;
  border-radius:10px;
  background:#FFFFFF;
  color:#0F172A;
  font-size:14px;
  line-height:1.7;
  resize:none;
  overflow:auto;
  transition:height .2s ease,min-height .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.shipment-bulk-input::placeholder{color:#94A3B8;}
.shipment-bulk-input:focus,
.shipment-bulk-input.is-expanded{
  min-height:220px;
  height:220px;
  border-color:#93C5FD;
  box-shadow:0 0 0 3px rgba(147,197,253,.18);
  outline:none;
}
.input-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;}
.input-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#6B7280;}
#shipmentInputCount{font-weight:700;color:#334155;}
#shipmentPlanLimit{color:#94A3B8;}
.input-card-auto-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:#64748B;}
#clear-rows-btn{opacity:1;}

/* Final input-grid override */
.input-card-guide-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 10px;
  border:1px solid #BBF7D0;
  border-radius:8px;
  background:#F0FDF4;
  color:#166534;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.input-card-grid-wrap{margin-top:6px;}
.input-grid-wrap{
  height:102px;
  border:1px solid #D9DEE7;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  transition:height .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.input-grid-wrap.is-collapsed{height:34px !important;}
.input-grid-wrap.is-expanded{
  border-color:#93C5FD;
  box-shadow:0 0 0 3px rgba(147,197,253,.18);
}
#inputGrid,
#inputGrid .tabulator{
  height:100% !important;
  border:none !important;
  background:#fff !important;
  font-size:14px;
}
#inputGrid .tabulator-header{display:none !important;}
#inputGrid .tabulator-tableholder,
#inputGrid .tabulator-tableHolder,
#inputGrid .tabulator-table-holder{
  height:100% !important;
  max-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
#inputGrid .tabulator-row{
  min-height:34px !important;
  background:#fff !important;
  display:flex !important;
  width:100% !important;
}
#inputGrid .tabulator-table,
#inputGrid .tabulator-tableholder table{
  width:100% !important;
}
#inputGrid .tabulator-cell{
  min-height:34px !important;
  padding:0 !important;
  border-right:1px solid #EEF2F7 !important;
  border-bottom:1px solid #F3F4F6 !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 50% !important;
  width:50% !important;
  max-width:none !important;
  min-width:0 !important;
}
#inputGrid .tabulator-cell:last-child{border-right:none !important;}
#inputGrid .tabulator-cell .tabulator-cell-value{
  width:100%;
  height:100%;
  padding:0;
  color:#0F172A;
  font-size:14px;
  line-height:34px;
}
#inputGrid .input-grid-field{
  width:100%;
  height:34px;
  padding:0 10px;
  border:0;
  background:#fff;
  color:#0F172A;
  font-size:14px;
  line-height:1.4;
  outline:none;
  box-shadow:none;
}
#inputGrid .input-grid-field::placeholder{
  color:#94A3B8;
}
#inputGrid .tabulator-col-resize-handle{display:none !important;}
.btn-input-toggle .input-toggle-icon{transition:transform .18s ease;}
.btn-input-toggle[aria-expanded="true"] .input-toggle-icon{transform:rotate(180deg);}

/* Operations-aligned header and status badges */
.tnav-batch-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#FFF7ED;
  border:1px solid #FED7AA;
  border-radius:9999px;
  padding:4px 10px;
  flex-shrink:0;
}
.tnav-batch-dot{background:#EA580C;}
.tnav-batch-text{font-size:11px;font-weight:700;color:#C2410C;white-space:nowrap;}
.tnav-service-badge.is-ok{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE;}
.tnav-service-badge.is-batch{background:#FFF7ED;color:#C2410C;border-color:#FED7AA;}
.tnav-service-badge.is-pending{background:#F8FAFC;color:#475569;border-color:#E2E8F0;}
.tnav-service-badge.is-done{background:#F0FDF4;color:#15803D;border-color:#BBF7D0;}
.tnav-service-badge.is-timeout{background:#FFF7ED;color:#C2410C;border-color:#FED7AA;}
.tnav-service-badge.is-bad{background:#FEF2F2;color:#B91C1C;border-color:#FECACA;}

/* Delivery stage badges */
.tracking-status-badge{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}
.tracking-status-badge.is-pending{background:#F8FAFC;border-color:#E2E8F0;color:#64748B;}
.tracking-status-badge.is-tracking{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8;}
.tracking-status-badge.is-done{background:#F0FDF4;border-color:#BBF7D0;color:#15803D;}
.tracking-status-badge.is-timeout{background:#FFF7ED;border-color:#FED7AA;color:#C2410C;}
.tracking-status-badge.is-error{background:#FEF2F2;border-color:#FECACA;color:#B91C1C;}
.tracking-status-badge.is-stage-empty{background:#F8FAFC;border-color:#E2E8F0;color:#64748B;}
.tracking-status-badge.is-stage-picked{background:#EEF2FF;border-color:#C7D2FE;color:#4338CA;}
.tracking-status-badge.is-stage-transit{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8;}
.tracking-status-badge.is-stage-out{background:#FFF7ED;border-color:#FED7AA;color:#C2410C;}
.tracking-status-badge.is-stage-delivered{background:#F0FDF4;border-color:#BBF7D0;color:#15803D;}

/* Result labels */
.label-pending{background:#F8FAFC;color:#475569;border-color:#E2E8F0;}
.label-auto{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE;}
.label-timeout{background:#FFF7ED;color:#C2410C;border-color:#FED7AA;}
.label-error{background:#FEF2F2;color:#B91C1C;border-color:#FECACA;}

@media (max-width: 768px){
  .input-card-head{flex-direction:column;align-items:stretch;}
  .input-card-actions{justify-content:flex-end;flex-wrap:wrap;}
  .input-card-foot{flex-direction:column;align-items:stretch;}
  .input-card-meta{justify-content:flex-start;}
  .error-banner-inline{max-width:none;width:100%;}
}

/* Final result-table layout override: width rebalance + delivery status 2-line */
.rtable th,
.rtable td{
  vertical-align: middle;
}

.rtable thead th:nth-child(1),
.rtable td.col-bl{
  width:150px !important;
  min-width:150px !important;
}

.rtable thead th:nth-child(2),
.rtable td.col-customs{
  width:180px !important;
  min-width:180px !important;
}

.rtable thead th:nth-child(3),
.rtable td.col-tracking{
  width:200px !important;
  min-width:200px !important;
}

.rtable thead th:nth-child(4),
.rtable td.col-delivery-status{
  width:155px !important;
  min-width:155px !important;
}

.rtable thead th:nth-child(5),
.rtable td.col-delivery{
  width:88px !important;
  min-width:88px !important;
}

.rtable thead th:nth-child(6),
.rtable td.col-memo{
  width:210px !important;
  min-width:210px !important;
}

.rtable thead th:nth-child(7),
.rtable td.col-copy{
  width:112px !important;
  min-width:112px !important;
}

.rtable thead th:nth-child(8),
.rtable td.col-save{
  width:84px !important;
  min-width:84px !important;
}

.rtable td.col-customs,
.rtable td.col-tracking,
.rtable td.col-delivery-status,
.rtable td.col-delivery,
.rtable td.col-copy,
.rtable td.col-save{
  padding-top:10px;
  padding-bottom:10px;
}

.rtable td.col-bl,
.rtable td.col-customs,
.rtable td.col-tracking,
.rtable td.col-delivery-status{
  padding-left:8px;
  padding-right:8px;
}

.rtable td.col-delivery-status{
  text-align:left;
}

.customs-status-stack,
.delivery-status-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}

.customs-badge{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.customs-badge.is-done{background:#F0FDF4;border-color:#BBF7D0;color:#15803D;}
.customs-badge.is-progress{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8;}
.customs-badge.is-warn{background:#FEF2F2;border-color:#FECACA;color:#B91C1C;}
.customs-badge.is-idle{background:#F8FAFC;border-color:#E2E8F0;color:#64748B;}
.customs-badge.is-stage-entry{background:#F8FAFC;border-color:#CBD5E1;color:#64748B;}
.customs-badge.is-stage-inspection{background:#EEF2FF;border-color:#C7D2FE;color:#4338CA;}
.customs-badge.is-stage-clearance{background:#ECFEFF;border-color:#A5F3FC;color:#0F766E;}
.customs-badge.is-stage-release{background:#FFF7ED;border-color:#FED7AA;color:#C2410C;}
.customs-badge.is-stage-release-done{background:#F0FDF4;border-color:#BBF7D0;color:#15803D;}

.delivery-status-time{
  font-size:11px;
  line-height:1.35;
  color:#64748B;
  white-space:nowrap;
}

.customs-status-trigger,
.delivery-status-trigger{
  display:block;
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
  cursor:pointer;
}

.customs-status-trigger:hover .customs-badge,
.delivery-status-trigger:hover .tracking-status-badge{
  filter:brightness(0.98);
}

.customs-status-trigger:hover .cell-sub,
.delivery-status-trigger:hover .delivery-status-time{
  color:#475569;
}

.delivery-status-trigger .delivery-status-stack{
  width:100%;
}

.rtable td.col-memo{
  padding:6px 8px;
}

.remong-row-memo,
.memo-input{
  width:100%;
  min-height:38px;
  height:38px;
  padding:8px 10px;
  box-sizing:border-box;
}

.rtable td.col-copy,
.rtable td.col-save{
  text-align:center;
}

.remong-row-summary-link{
  width:100%;
  min-width:0;
  min-height:30px;
  height:30px;
  padding:0 8px;
  font-size:11px;
  white-space:nowrap;
}

.remong-row-save-btn{
  width:100%;
  min-width:0;
  min-height:30px;
  height:30px;
  padding:0 8px;
  font-size:11px;
  white-space:nowrap;
}

#r-result-refresh-now-btn,
#r-result-refresh-btn{
  height:30px;
  padding:0 12px;
  border-color:#D1D9E0;
  background:#FFFFFF;
  color:#475569;
}

#r-result-refresh-now-btn:hover,
#r-result-refresh-btn:hover{
  color:#0F172A;
  border-color:#94A3B8;
  background:#F8FAFC;
}

#r-result-refresh-now-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.refresh-select{
  position:relative;
  flex:0 0 auto;
}

.refresh-select-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.refresh-select-btn > svg:first-child{
  display:none;
}

.refresh-select-caret{
  transition:transform .15s ease;
}

.refresh-select.is-open .refresh-select-caret{
  transform:rotate(180deg);
}

.refresh-select-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:84px;
  padding:6px;
  border:1px solid #D1D9E0;
  border-radius:8px;
  background:#0F172A;
  box-shadow:0 10px 24px rgba(15,23,42,.16);
  z-index:40;
}

.refresh-select-option{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:flex-start;
  padding:7px 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#E2E8F0;
  font-size:12px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}

.refresh-select-option:hover{
  background:rgba(148,163,184,.14);
}

.refresh-select-option.is-active{
  background:#1D4ED8;
  color:#FFFFFF;
}

/* Final UX alignment: compact header, moved title, toned summary, result widths */
.tnav-inner{
  padding:8px 18px !important;
  min-height:64px !important;
}

.cargo-brand-lockup{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.cargo-brand-logo-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:158px !important;
  height:40px !important;
  overflow:hidden !important;
  flex-shrink:0 !important;
}

.cargo-brand-logo{
  height:40px !important;
  width:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  max-width:none !important;
  display:block !important;
  transform:scale(1.05) translateX(-1px) !important;
  transform-origin:left center !important;
}

.cargo-brand-title{
  font-size:14px;
  font-weight:700;
  color:#334155;
  line-height:1;
  white-space:nowrap;
}

.pg-page-title{
  display:none !important;
}

.tnav-realtime,
.tnav-service-statuses{
  display:none !important;
}

.tnav-batch-pill{
  gap:6px !important;
  padding:4px 10px !important;
  background:#F8FAFC !important;
  border:1px solid #E2E8F0 !important;
}

.tnav-batch-dot{
  background:#64748B !important;
}

.tnav-batch-text{
  color:#475569 !important;
}

.tnav-batch-time{
  font-size:11px;
  font-weight:700;
  color:#0F172A;
  white-space:nowrap;
}

.summary-zone .summary-card{
  padding-left:18px !important;
}

.summary-zone .summary-issue{
  border-color:#FDBA74 !important;
}

.summary-zone .summary-issue::before{
  background:#FB923C !important;
}

.summary-zone .summary-issue .summary-value{
  color:#EA580C !important;
}

.summary-zone .summary-pending::before{
  background:#60A5FA !important;
}

.summary-zone .summary-done::before{
  background:#4ADE80 !important;
}

.rcard-realtime-chip{
  margin-left:2px;
}

.rtable thead th:nth-child(1), .rtable td.col-bl{
  width:160px !important;
  min-width:160px !important;
}

.rtable thead th:nth-child(2), .rtable td.col-customs{
  width:170px !important;
  min-width:170px !important;
}

.rtable thead th:nth-child(3), .rtable td.col-tracking{
  width:220px !important;
  min-width:220px !important;
}

.rtable thead th:nth-child(4), .rtable td.col-delivery-status{
  width:150px !important;
  min-width:150px !important;
}

.rtable thead th:nth-child(5), .rtable td.col-delivery{
  width:100px !important;
  min-width:100px !important;
}

.rtable thead th:nth-child(6), .rtable td.col-memo{
  width:240px !important;
  min-width:240px !important;
}

.rtable thead th:nth-child(7), .rtable td.col-copy{
  width:100px !important;
  min-width:100px !important;
}

.rtable thead th:nth-child(8), .rtable td.col-save{
  width:100px !important;
  min-width:100px !important;
}

.rtable td.col-bl,
.rtable td.col-customs,
.rtable td.col-tracking,
.rtable td.col-delivery-status{
  padding-left:8px !important;
  padding-right:8px !important;
}

.rtable thead th:nth-child(7),
.rtable thead th:nth-child(8),
.rtable td.col-copy,
.rtable td.col-save{
  padding-left:8px !important;
  padding-right:8px !important;
}

.rtable td.col-copy,
.rtable td.col-save{
  text-align:left !important;
}

.customs-status-stack,
.delivery-status-stack{
  gap:3px !important;
}

.remong-row-summary-link,
.remong-row-save-btn{
  min-height:32px !important;
  height:32px !important;
  padding:0 12px !important;
  font-size:13px !important;
  border-radius:6px !important;
  width:auto !important;
  min-width:72px;
  margin-left:0 !important;
  margin-right:auto !important;
}

.remong-row-summary-link{
  justify-content:center;
}

/* CargoX 1st-open redesign override: preserve existing selectors, tone down saturation, and support the rebuilt input/result layout. */
:root{
  --bg:#F4F7FB;
  --surface:#FFFFFF;
  --line:#E6EBF2;
  --line-strong:#D6DEE8;
  --text:#111827;
  --muted:#6B7280;
  --subtle:#94A3B8;
  --primary:#334155;
  --primary-hover:#1F2937;
  --primary-soft:#F8FAFC;
  --primary-soft-hover:#EEF2F7;
  --danger:#B42318;
  --danger-bg:#FEF3F2;
  --danger-line:#F3C7C3;
  --success:#027A48;
  --success-bg:#ECFDF3;
  --success-line:#B7E4C8;
  --warning:#B54708;
  --warning-bg:#FFF7ED;
  --warning-line:#F6D3B5;
  --shadow:0 10px 28px rgba(15,23,42,.05);
}

body{
  background:linear-gradient(180deg,#F8FAFC 0%,#F4F7FB 100%);
  color:var(--text);
}

.pg-container{
  max-width:1360px;
}

.tnav{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}

.tnav-beta-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid #D7DEE7;
  border-radius:999px;
  background:#FFFFFF;
  color:#334155;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}

.tnav-batch-pill{
  background:#F8FAFC !important;
  border-color:var(--line) !important;
}

.tnav-batch-dot{
  background:#64748B !important;
}

.btn-primary,
.btn-primary.btn-sm{
  border-color:var(--primary) !important;
  background:var(--primary) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.btn-primary:hover:not(:disabled),
.btn-primary.btn-sm:hover:not(:disabled){
  border-color:var(--primary-hover) !important;
  background:var(--primary-hover) !important;
}

.btn-secondary,
.btn-secondary.btn-sm{
  border-color:var(--line-strong) !important;
  background:var(--primary-soft) !important;
  color:#334155 !important;
  box-shadow:none !important;
}

.btn-secondary:hover:not(:disabled),
.btn-secondary.btn-sm:hover:not(:disabled){
  border-color:#C8D1DC !important;
  background:var(--primary-soft-hover) !important;
  color:#111827 !important;
}

.btn-danger-soft{
  border-color:var(--danger-line) !important;
  background:var(--danger-bg) !important;
  color:var(--danger) !important;
}

.summary-zone{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.summary-zone .summary-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--shadow);
  padding:16px 16px 16px 20px !important;
}

.summary-zone .summary-card::before{
  width:4px !important;
  border-radius:8px 0 0 8px !important;
  background:#CBD5E1 !important;
}

.summary-zone .summary-card.is-active{
  background:#F8FAFC !important;
  box-shadow:0 0 0 1px #D4DCE6 inset !important;
}

.summary-zone .summary-title{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}

.summary-zone .summary-value{
  margin-top:6px;
  font-size:28px;
  font-weight:800;
  color:#0F172A;
}

.summary-zone .summary-issue{
  background:#FFF7F6 !important;
  border-color:#F2D1CD !important;
}

.summary-zone .summary-issue::before{
  background:#D92D20 !important;
}

.summary-zone .summary-issue .summary-value{
  color:var(--danger) !important;
}

.summary-zone .summary-total::before{
  background:#475467 !important;
}

.summary-zone .summary-pending::before{
  background:#64748B !important;
}

.summary-zone .summary-done::before{
  background:#027A48 !important;
}

.cargo-input-card,
.result-zone-card{
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:var(--shadow) !important;
}

.input-card-head,
.result-zone-head{
  padding:18px 20px 14px !important;
  border-bottom:1px solid var(--line) !important;
  background:#FCFDFE !important;
}

.input-card-title,
.rcard-title{
  color:#0F172A !important;
  font-size:20px !important;
  font-weight:800 !important;
  letter-spacing:-.03em;
}

.input-card-desc,
.result-head-sub{
  margin-top:6px;
  color:var(--muted) !important;
  font-size:13px !important;
  line-height:1.6;
}

.input-card-body{
  padding:18px 20px 20px !important;
}

.input-primary-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}

.input-primary-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.input-field-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}

.input-field-label,
.result-filter-field > span,
.input-bulk-label{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}

.input-field-control,
.result-filter-field select,
.result-filter-field input[type="date"]{
  width:100%;
  height:42px;
  padding:0 12px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:var(--text);
  font-size:14px;
  outline:none;
}

.input-field-control:focus,
.result-filter-field select:focus,
.result-filter-field input[type="date"]:focus,
.shipment-bulk-input:focus{
  border-color:#98A5B3;
  box-shadow:0 0 0 3px rgba(148,163,184,.16);
}

.input-bulk-panel{
  margin-top:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#FBFCFD;
}

.input-bulk-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.input-bulk-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.input-bulk-copy strong{
  font-size:13px;
  color:#0F172A;
}

.input-bulk-copy span{
  font-size:12px;
  color:var(--muted);
}

.input-bulk-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.input-bulk-textarea-wrap{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:14px;
}

.shipment-bulk-input{
  min-height:110px !important;
  height:110px !important;
  border:1px dashed #C8D2DD !important;
  border-radius:12px !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

.input-grid-wrap{
  margin-top:12px;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
}

.input-grid-wrap.is-expanded{
  border-color:#D6DEE8 !important;
  box-shadow:none !important;
}

.input-card-foot{
  margin-top:14px !important;
  padding-top:0 !important;
}

.progress-text{
  margin-top:12px !important;
  border:1px solid var(--line) !important;
  background:#F8FAFC !important;
  color:var(--muted) !important;
}

.progress-text.done{
  border-color:var(--success-line) !important;
  background:var(--success-bg) !important;
  color:var(--success) !important;
}

.result-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--subtle);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}

.result-head-copy-top{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.result-action-row{
  justify-content:flex-end;
  flex-wrap:wrap;
}

.rfilter-strip{
  margin-top:12px;
  gap:8px !important;
}

.rfilter-chip{
  height:30px !important;
  padding:0 12px !important;
  border:1px solid var(--line-strong) !important;
  background:#fff !important;
  color:#475467 !important;
  font-size:12px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.rfilter-chip[data-filter="ALL"],
.rfilter-chip[data-filter="PENDING"],
.rfilter-chip[data-filter="DONE"],
.rfilter-chip[data-filter="SAVED"],
.rfilter-chip[data-filter="ISSUE"]{
  background:#fff !important;
}

.rfilter-chip[data-filter="ALL"].is-active{
  border-color:#98A2B3 !important;
  background:#F2F4F7 !important;
  color:#344054 !important;
}

.rfilter-chip[data-filter="ISSUE"]{
  color:var(--danger) !important;
  border-color:#E9B2AC !important;
  background:var(--danger-bg) !important;
}

.rfilter-chip[data-filter="ISSUE"].is-active{
  background:#FDE8E7 !important;
}

.rfilter-chip[data-filter="PENDING"]{
  color:#475467 !important;
  border-color:#D6DEE8 !important;
  background:#F8FAFC !important;
}

.rfilter-chip[data-filter="PENDING"].is-active{
  background:#EEF2F6 !important;
  border-color:#BFC9D5 !important;
}

.rfilter-chip[data-filter="DONE"]{
  color:var(--success) !important;
  border-color:var(--success-line) !important;
  background:var(--success-bg) !important;
}

.rfilter-chip[data-filter="DONE"].is-active{
  background:#DDF6E7 !important;
}

.rfilter-chip[data-filter="SAVED"]{
  color:#155EEF !important;
  border-color:#C7D7FE !important;
  background:#F5F8FF !important;
}

.result-active-filters,
.result-filter-row,
.result-selection-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 20px;
  border-top:1px solid var(--line);
}

.result-active-filters{
  background:#FBFCFD;
}

.result-active-filters-copy,
.result-selection-copy{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.result-active-filters-copy strong,
.result-selection-copy strong{
  font-size:13px;
  color:#0F172A;
}

.result-active-filters-copy span,
.result-selection-copy span{
  font-size:12px;
  color:var(--muted);
}

.active-filter-chips{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.active-filter-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#475467;
  font-size:12px;
  font-weight:700;
}

.result-filter-row{
  align-items:flex-end;
  flex-wrap:wrap;
  background:#fff;
}

.result-filter-field{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:140px;
}

.result-filter-period{
  min-width:260px;
}

.result-filter-search{
  min-width:240px;
  flex:1 1 220px;
}

.result-filter-period-inputs{
  display:flex;
  align-items:center;
  gap:8px;
}

.result-filter-period-inputs span{
  color:var(--subtle);
  font-size:12px;
  font-weight:700;
}

.rsearch-wrap{
  position:relative;
  display:flex;
  align-items:center;
}

.rsearch-icon{
  position:absolute;
  left:12px;
  color:var(--subtle);
}

.rsearch-input{
  width:100% !important;
  height:42px !important;
  padding:0 12px 0 36px !important;
  border:1px solid var(--line-strong) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--text) !important;
  font-size:14px !important;
}

.result-selection-row{
  background:#FCFDFE;
}

.result-selection-legend{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.selection-legend-chip,
.row-save-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}

.selection-legend-chip.is-saved,
.row-save-flag.is-saved{
  background:var(--success-bg);
  border-color:var(--success-line);
  color:var(--success);
}

.selection-legend-chip.is-unsaved,
.row-save-flag.is-unsaved{
  background:#F2F4F7;
  border-color:#D0D5DD;
  color:#475467;
}

.rtable-wrap{
  overflow:auto !important;
}

.result-table{
  min-width:1260px;
}

.result-table thead tr{
  background:#F8FAFC !important;
  border-bottom:1px solid var(--line) !important;
}

.result-table th{
  padding:12px 12px !important;
  color:#475467 !important;
  font-size:12px !important;
  font-weight:800 !important;
  border-right:none !important;
}

.result-table td{
  padding:10px 12px !important;
  border-bottom:1px solid #EDF1F5 !important;
  color:#344054 !important;
  font-size:13px !important;
  vertical-align:middle !important;
}

.result-table tbody tr:hover{
  background:#FBFCFE !important;
}

.result-table tbody tr.result-row-issue{
  background:#FFF7F6 !important;
}

.result-table tbody tr.result-row-issue td:first-child{
  box-shadow:inset 3px 0 0 #D92D20;
}

.result-table th.col-select,
.result-table td.col-select{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  text-align:center !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

.result-table th.col-bl,
.result-table td.col-bl{width:160px !important;min-width:160px !important;}
.result-table th.col-tracking,
.result-table td.col-tracking{width:220px !important;min-width:220px !important;}
.result-table th.col-customs,
.result-table td.col-customs{width:190px !important;min-width:190px !important;}
.result-table th.col-delivery-status,
.result-table td.col-delivery-status{width:150px !important;min-width:150px !important;}
.result-table th.col-delivery,
.result-table td.col-delivery{width:96px !important;min-width:96px !important;}
.result-table th.col-memo,
.result-table td.col-memo{width:220px !important;min-width:220px !important;}
.result-table th.col-copy,
.result-table td.col-copy{width:112px !important;min-width:112px !important;}
.result-table th.col-save,
.result-table td.col-save{width:128px !important;min-width:128px !important;}

.result-check-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.result-row-checkbox,
#r-select-all{
  width:16px;
  height:16px;
  accent-color:#475467;
  cursor:pointer;
}

.remong-row-memo,
.memo-input{
  min-height:36px !important;
  height:36px !important;
  border:1px solid var(--line-strong) !important;
  border-radius:8px !important;
  background:#fff !important;
  font-size:12px !important;
}

.row-save-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

.remong-row-save-btn,
.remong-row-summary-link{
  min-height:32px !important;
  height:32px !important;
  padding:0 10px !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:700 !important;
  border:1px solid var(--line-strong) !important;
  box-shadow:none !important;
}

.remong-row-summary-link{
  background:#F8FAFC !important;
  color:#334155 !important;
}

.remong-row-save-btn{
  width:auto !important;
  background:#F8FAFC !important;
  color:#334155 !important;
}

.remong-row-save-btn.saved{
  background:var(--danger-bg) !important;
  color:var(--danger) !important;
  border-color:var(--danger-line) !important;
}

.label-pill.label-pending{
  background:#F2F4F7 !important;
  border-color:#D0D5DD !important;
  color:#475467 !important;
}

.label-pill.label-done{
  background:var(--success-bg) !important;
  border-color:var(--success-line) !important;
  color:var(--success) !important;
}

.label-pill.label-high{
  background:var(--danger-bg) !important;
  border-color:var(--danger-line) !important;
  color:var(--danger) !important;
}

.tracking-status-badge.is-pending,
.customs-badge.is-idle{
  background:#F2F4F7 !important;
  border-color:#D0D5DD !important;
  color:#475467 !important;
}

.tracking-status-badge.is-tracking,
.customs-badge.is-progress,
.customs-badge.is-stage-inspection{
  background:#EEF2FF !important;
  border-color:#D5D9FE !important;
  color:#3E4784 !important;
}

.tracking-status-badge.is-done,
.customs-badge.is-done,
.customs-badge.is-stage-release-done{
  background:var(--success-bg) !important;
  border-color:var(--success-line) !important;
  color:var(--success) !important;
}

.tracking-status-badge.is-timeout,
.customs-badge.is-stage-release{
  background:var(--warning-bg) !important;
  border-color:var(--warning-line) !important;
  color:var(--warning) !important;
}

.tracking-status-badge.is-error,
.customs-badge.is-warn{
  background:var(--danger-bg) !important;
  border-color:var(--danger-line) !important;
  color:var(--danger) !important;
}

.rtable-footer{
  padding:12px 20px !important;
  border-top:1px solid var(--line) !important;
  background:#FAFBFC !important;
}

.rtable-count,
.rtable-summary{
  font-size:12px !important;
  color:var(--muted) !important;
}

.rtable-page-btn{
  border:1px solid var(--line-strong) !important;
  background:#fff !important;
  color:#475467 !important;
}

.rtable-page-btn.is-active{
  border-color:var(--primary) !important;
  background:var(--primary) !important;
  color:#fff !important;
}

.rtable-page-btn:hover:not(:disabled){
  border-color:#B8C2CE !important;
  background:#F8FAFC !important;
  color:#111827 !important;
}

@media (max-width: 1100px){
  .summary-zone{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .input-primary-row{
    grid-template-columns:1fr 1fr;
  }

  .input-primary-actions{
    grid-column:1 / -1;
  }
}

@media (max-width: 820px){
  .tnav-right,
  .input-card-actions,
  .result-action-row,
  .result-active-filters,
  .result-filter-row,
  .result-selection-row{
    flex-direction:column;
    align-items:stretch;
  }

  .summary-zone{
    grid-template-columns:1fr;
  }

  .input-primary-row{
    grid-template-columns:1fr;
  }

  .input-bulk-head,
  .result-head-copy-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .active-filter-chips,
  .result-selection-legend{
    justify-content:flex-start;
  }
}

/* Preview-match pass: align to attached HTML without changing functional hooks. */
:root{
  --bg:#f6f8fc;
  --bg-2:#eef2ff;
  --panel:#ffffff;
  --line:#e7ecf4;
  --text:#0f172a;
  --muted:#64748b;
  --subtle:#94a3b8;
  --primary:#6366f1;
  --primary-2:#4f46e5;
  --primary-soft:#eef2ff;
  --danger:#dc2626;
  --danger-soft:#fef2f2;
  --success:#059669;
  --success-soft:#ecfdf5;
  --warning:#b45309;
  --warning-soft:#fffbeb;
  --slate-soft:#f8fafc;
}

body{
  background:
    radial-gradient(circle at top left, rgba(99,102,241,.12), transparent 22%),
    radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 18%),
    linear-gradient(180deg,#f9fbff 0%,#f6f8fc 100%) !important;
}

.pg-container{
  max-width:1440px !important;
  padding:26px 24px 36px !important;
}

.tnav{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(255,255,255,.84) !important;
  border-bottom:1px solid rgba(231,236,244,.9) !important;
  backdrop-filter:blur(14px);
}

.tnav-inner{
  max-width:1440px !important;
  height:60px !important;
  min-height:60px !important;
  padding:0 24px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.tnav-left,
.tnav-right{
  display:flex;
  align-items:center;
  gap:10px !important;
  min-width:0;
}

.cargo-brand-lockup{
  gap:12px !important;
}

.cargo-brand-logo-wrap{
  width:auto !important;
  height:auto !important;
}

.cargo-brand-logo{
  height:34px !important;
  width:auto !important;
  transform:none !important;
}

.cargo-brand-title{
  font-size:12px !important;
  color:var(--muted) !important;
  white-space:nowrap;
}

.tnav-link{
  padding:6px 4px !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--muted) !important;
}

.tnav-icon-btn{
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
}

.tnav-user-btn{
  height:34px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  box-shadow:0 6px 16px rgba(15,23,42,.05) !important;
}

.tnav-avatar{
  width:18px !important;
  height:18px !important;
  font-size:9px !important;
}

.tnav-user-name{
  font-size:12px !important;
  font-weight:800 !important;
  color:#334155 !important;
}

.tnav-beta-badge,
.tnav-batch-pill{
  height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  box-shadow:none !important;
}

.tnav-beta-badge{
  background:#111827 !important;
  color:#fff !important;
  border-color:#111827 !important;
}

.tnav-batch-text,
.tnav-batch-time{
  color:var(--muted) !important;
}

.tnav-batch-dot{
  background:#22c55e !important;
  box-shadow:0 0 0 5px rgba(34,197,94,.10);
}

.summary-zone{
  gap:14px !important;
  margin-bottom:0 !important;
}

.summary-zone .summary-card{
  border-radius:18px !important;
  padding:16px 18px !important;
  box-shadow:0 6px 16px rgba(15,23,42,.05) !important;
  border:1px solid rgba(231,236,244,.95) !important;
  overflow:hidden;
}

.summary-zone .summary-card::before{
  display:none !important;
}

.summary-zone .summary-card::after{
  content:"";
  position:absolute;
  inset:auto auto 0 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,rgba(99,102,241,.9),rgba(99,102,241,0));
}

.summary-zone .summary-issue::after{
  background:linear-gradient(90deg,rgba(220,38,38,.9),rgba(220,38,38,0));
}

.summary-zone .summary-pending::after{
  background:linear-gradient(90deg,rgba(100,116,139,.9),rgba(100,116,139,0));
}

.summary-zone .summary-done::after{
  background:linear-gradient(90deg,rgba(5,150,105,.9),rgba(5,150,105,0));
}

.summary-card-top{
  display:flex;
  align-items:center;
  gap:10px;
}

.summary-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  font-weight:900;
}

.summary-issue .summary-icon{background:var(--danger-soft);color:var(--danger);}
.summary-total .summary-icon{background:var(--primary-soft);color:var(--primary-2);}
.summary-pending .summary-icon{background:#f1f5f9;color:#475467;}
.summary-done .summary-icon{background:var(--success-soft);color:var(--success);}

.summary-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.summary-zone .summary-title{
  margin:0 !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:var(--muted) !important;
}

.summary-sub{
  font-size:11px;
  color:var(--subtle);
}

.summary-zone .summary-value{
  margin-top:10px !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.cargo-input-card,
.result-zone-card{
  border-radius:22px !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(231,236,244,.95) !important;
  box-shadow:0 6px 16px rgba(15,23,42,.05) !important;
}

.input-card-head,
.result-zone-head{
  padding:14px 16px !important;
  background:#fff !important;
}

.input-card-title,
.rcard-title{
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
}

.input-card-desc{
  font-size:12px !important;
  margin-top:2px !important;
}

.input-card-actions{
  gap:8px !important;
}

.input-card-body{
  padding:14px 16px !important;
  background:linear-gradient(180deg,#fbfcfe 0%,#ffffff 100%) !important;
}

.input-banner{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.banner-chip{
  height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid #c7d7fe;
  background:#f5f8ff;
  display:inline-flex;
  align-items:center;
  font-size:11px;
  font-weight:800;
  color:#3b4ad9;
}

.single-row{
  display:grid;
  grid-template-columns:1fr 1fr auto auto auto;
  gap:8px;
  align-items:center;
}

.field{
  height:34px !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  background:#fff !important;
  padding:0 10px !important;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px !important;
  font-weight:800 !important;
  color:var(--muted) !important;
}

.field input,
.field select{
  border:0 !important;
  outline:none !important;
  background:transparent !important;
  font:inherit;
  color:var(--text) !important;
  min-width:0;
}

.btn{
  height:34px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  cursor:pointer;
  font-size:12px !important;
  font-weight:800 !important;
  color:#344054 !important;
  box-shadow:0 1px 2px rgba(15,23,42,.02) !important;
}

.btn-primary,
.btn.primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-2)) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 10px 20px rgba(99,102,241,.22) !important;
}

.btn-secondary,
.btn.soft{
  background:var(--slate-soft) !important;
  color:#344054 !important;
}

.btn.ghost{
  background:transparent !important;
  box-shadow:none !important;
}

.bulk-compact{
  margin-top:10px !important;
  border:1px dashed #d6deea !important;
  border-radius:12px !important;
  background:#fcfdff !important;
  padding:10px 12px !important;
}

.input-bulk-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}

.bulk-title{
  font-size:12px;
  font-weight:900;
}

.bulk-note{
  font-size:11px;
  color:var(--muted);
}

.shipment-bulk-input.bulk-box{
  height:72px !important;
  min-height:72px !important;
  padding:10px !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:12px !important;
  color:var(--muted) !important;
}

.input-card-grid-wrap{
  margin-top:8px !important;
}

.input-grid-wrap{
  border-radius:10px !important;
}

.input-card-foot{
  margin-top:10px !important;
}

.result-zone-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.result-head-copy-top{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.result-head-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.result-inline-field{
  min-width:120px;
}

.result-inline-field input,
.result-inline-field select{
  min-width:88px;
}

.result-inline-range{
  gap:6px;
}

.result-inline-range input{
  min-width:118px;
}

.field-sep{
  color:var(--subtle);
  font-size:11px;
  font-weight:800;
  flex:0 0 auto;
}

.rfilter-strip{
  margin-top:8px !important;
  display:flex;
  gap:6px !important;
}

.rfilter-chip{
  height:24px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  display:inline-flex;
  align-items:center;
  font-size:11px !important;
  font-weight:900 !important;
  color:var(--muted) !important;
}

.rfilter-chip.issue,
.rfilter-chip[data-filter="ISSUE"]{
  border-color:#fecaca !important;
  background:#fff5f5 !important;
  color:#b42318 !important;
}

.result-filter-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  padding:10px 16px !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  background:#fcfdff !important;
}

#r-active-filter-chips{
  display:none !important;
}

.result-search-field{
  min-width:280px;
  flex:1 1 260px;
}

.rsearch-input{
  height:auto !important;
  padding:0 0 0 2px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.rsearch-icon{
  position:static !important;
  color:var(--muted);
}

.result-selection-row,
.result-active-filters{
  display:none !important;
}

.result-table{
  min-width:1120px !important;
}

.result-table thead th{
  padding:10px 12px !important;
  text-align:left !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#667085 !important;
  background:#f8fafc !important;
}

.result-table tbody td{
  padding:10px 12px !important;
  font-size:12px !important;
  background:#fff !important;
}

.result-table tbody tr:hover td{
  background:#fafbff !important;
}

.result-table tbody tr.result-row-issue td{
  background:linear-gradient(90deg,rgba(254,242,242,1),rgba(255,255,255,1) 38%) !important;
}

.result-table tbody tr.result-row-issue td:first-child{
  box-shadow:inset 4px 0 0 var(--danger) !important;
}

.row-save-stack{
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap;
}

.row-save-flag{
  height:22px !important;
  padding:0 8px !important;
  font-size:11px !important;
}

.row-save-flag.is-saved{
  background:var(--success-soft) !important;
  border-color:#abefc6 !important;
  color:var(--success) !important;
}

.remong-row-save-btn.saved{
  background:#fff !important;
  border-color:#dbe3ef !important;
  color:#334155 !important;
}

.remong-row-summary-link{
  background:var(--primary-soft) !important;
  border-color:#c7d2fe !important;
  color:var(--primary-2) !important;
}

@media (max-width:1100px){
  .single-row{
    grid-template-columns:1fr 1fr auto auto;
  }
}

@media (max-width:760px){
  .tnav-inner,
  .pg-container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .summary-zone{
    grid-template-columns:1fr !important;
  }

  .input-card-head,
  .result-zone-head{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .single-row{
    grid-template-columns:1fr !important;
  }

  .result-head-copy-top,
  .result-head-filters,
  .result-action-row{
    width:100%;
  }
}

.remong-row-save-btn{
  justify-content:center;
}

/* CargoX forced redesign: final priority override */
:root{
  --cargo-font:"Pretendard Variable","Pretendard","Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cargo-text:#0f172a;
  --cargo-muted:#64748b;
  --cargo-subtle:#98a2b3;
  --cargo-line:#d9e0ea;
  --cargo-line-strong:#c5cfdb;
  --cargo-panel:#ffffff;
  --cargo-panel-soft:#f8fafc;
  --cargo-primary:#4f46e5;
  --cargo-primary-strong:#3730a3;
  --cargo-primary-soft:#eef2ff;
  --cargo-slate-soft:#f5f7fb;
  --cargo-danger:#b42318;
  --cargo-danger-bg:#fef3f2;
  --cargo-danger-line:#f7c8c2;
  --cargo-success:#027a48;
  --cargo-success-bg:#ecfdf3;
  --cargo-success-line:#b7e4c7;
  --cargo-warning:#b54708;
  --cargo-warning-bg:#fff7ed;
  --cargo-warning-line:#fed7aa;
  --cargo-shadow:0 28px 64px -42px rgba(15,23,42,.36),0 18px 32px -26px rgba(15,23,42,.14);
  --cargo-shadow-soft:0 16px 28px -24px rgba(15,23,42,.12);
}

body,
body *,
input,
button,
select,
textarea,
table,
th,
td{
  font-family:var(--cargo-font) !important;
}

body{
  color:var(--cargo-text) !important;
  background:
    radial-gradient(circle at 0 0, rgba(79,70,229,.12), transparent 24%),
    radial-gradient(circle at 100% 10%, rgba(148,163,184,.14), transparent 22%),
    linear-gradient(180deg,#f8faff 0%,#f4f6fb 52%,#eff2f8 100%) !important;
}

.tnav{
  background:rgba(248,250,255,.88) !important;
  border-bottom:1px solid rgba(217,224,234,.92) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 10px 24px -24px rgba(15,23,42,.45);
}

.tnav-inner{
  min-height:72px !important;
  height:72px !important;
  padding:0 28px !important;
}

.cargo-brand-lockup{gap:14px !important;}
.cargo-brand-logo{height:38px !important;width:auto !important;}
.cargo-brand-title{font-size:12px !important;font-weight:700 !important;letter-spacing:.02em !important;color:var(--cargo-muted) !important;}
.tnav-link{min-height:36px;padding:0 8px !important;border-radius:10px !important;color:#475467 !important;font-size:12px !important;font-weight:700 !important;}
.tnav-link:hover{background:#eef2f7 !important;color:#0f172a !important;}
.tnav-user-btn{height:38px !important;padding:0 12px !important;border-radius:14px !important;border:1px solid rgba(217,224,234,.96) !important;background:#fff !important;box-shadow:var(--cargo-shadow-soft) !important;}
.tnav-user-name{font-size:12px !important;font-weight:800 !important;color:#1f2937 !important;}

.summary-zone{gap:16px !important;}
.summary-zone .summary-card{
  border-radius:24px !important;
  border:1px solid rgba(217,224,234,.96) !important;
  background:linear-gradient(180deg,#fff 0%,#f9fbff 100%) !important;
  box-shadow:var(--cargo-shadow-soft) !important;
  padding:18px 20px !important;
}
.summary-zone .summary-card::before{display:none !important;}
.summary-zone .summary-card::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  border-radius:24px 0 0 24px;
  background:linear-gradient(180deg,#818cf8 0%,rgba(129,140,248,.14) 100%);
}
.summary-zone .summary-issue::after{background:linear-gradient(180deg,#ef4444 0%,rgba(239,68,68,.12) 100%);}
.summary-zone .summary-pending::after{background:linear-gradient(180deg,#64748b 0%,rgba(100,116,139,.16) 100%);}
.summary-zone .summary-done::after{background:linear-gradient(180deg,#059669 0%,rgba(5,150,105,.14) 100%);}
.summary-zone .summary-title{font-size:12px !important;font-weight:800 !important;color:#344054 !important;}
.summary-sub{font-size:11px !important;color:var(--cargo-subtle) !important;}
.summary-zone .summary-value{margin-top:14px !important;font-size:34px !important;font-weight:900 !important;letter-spacing:-.06em !important;color:#0f172a !important;font-variant-numeric:tabular-nums;}

.cargo-input-card,
.result-zone-card{
  border:1px solid rgba(217,224,234,.98) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(250,252,255,.98) 100%) !important;
  box-shadow:var(--cargo-shadow) !important;
  overflow:hidden;
}

.input-card-head,
.result-zone-head{
  padding:22px 24px 18px !important;
  border-bottom:1px solid rgba(217,224,234,.92) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.98) 100%) !important;
}

.input-card-title,
.rcard-title{
  font-size:22px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.05em !important;
  color:#0f172a !important;
}

.input-card-desc,
.rtable-count,
.rtable-summary{
  font-size:12px !important;
  line-height:1.55 !important;
  color:var(--cargo-muted) !important;
}

.input-card-body{padding:22px 24px 24px !important;background:linear-gradient(180deg,#fbfcff 0%,#ffffff 100%) !important;}
.input-banner{margin-bottom:16px;}
.banner-chip{min-height:28px;padding:0 10px;border-radius:999px;border:1px solid #d7defe;background:#f4f6ff;color:#4338ca;font-size:11px !important;font-weight:800 !important;}

.single-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto auto;gap:12px;align-items:stretch;}
.field{
  min-height:74px !important;
  height:auto !important;
  padding:12px 16px !important;
  border:1px solid rgba(197,207,219,.96) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff 0%,#f9fbff 100%) !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  color:var(--cargo-muted) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 16px -16px rgba(15,23,42,.12) !important;
}
.field > span{font-size:10.5px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase;color:var(--cargo-subtle) !important;line-height:1;}
.field:focus-within{border-color:rgba(79,70,229,.5) !important;background:#fff !important;box-shadow:0 0 0 4px rgba(79,70,229,.08),0 18px 24px -22px rgba(79,70,229,.34) !important;}
.field input,.field select,.field textarea{width:100%;padding:0 !important;border:0 !important;outline:none !important;background:transparent !important;box-shadow:none !important;color:#0f172a !important;font-size:14px !important;font-weight:700 !important;line-height:1.35 !important;}
.field input::placeholder,.field textarea::placeholder{color:#9aa4b2 !important;font-weight:600 !important;}
.compact-field{min-height:52px !important;padding:0 14px !important;flex-direction:row;align-items:center;gap:10px !important;border-radius:16px !important;background:#fff !important;}
.compact-field > span{flex:0 0 auto;white-space:nowrap;}
.compact-field input,.compact-field select{font-size:13px !important;}
.result-inline-range{flex-direction:row;align-items:center;gap:10px !important;}
.field-sep{font-size:11px !important;font-weight:900 !important;color:#c0c7d4 !important;}

.btn,
.btn-primary,
.btn-secondary{
  min-height:44px !important;
  height:44px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(197,207,219,.96) !important;
  background:#fff !important;
  color:#344054 !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 12px 22px -22px rgba(15,23,42,.42) !important;
}
.btn-primary,.btn.primary{border-color:rgba(55,48,163,.92) !important;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%) !important;color:#fff !important;box-shadow:0 16px 30px -18px rgba(55,48,163,.44) !important;}
.btn-primary:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#312e81 100%) !important;border-color:#312e81 !important;}
.btn-secondary,.btn.soft{background:#f8fafc !important;color:#334155 !important;}
.btn-secondary:hover:not(:disabled),.btn.soft:hover:not(:disabled){background:#eef2f7 !important;border-color:#b6c2d2 !important;color:#0f172a !important;}
.btn.ghost{background:rgba(248,250,252,.72) !important;box-shadow:none !important;}
.btn-sm,.btn-primary.btn-sm,.btn-secondary.btn-sm{min-height:40px !important;height:40px !important;padding:0 14px !important;font-size:12px !important;}
.btn-danger-soft{border-color:var(--cargo-danger-line) !important;background:var(--cargo-danger-bg) !important;color:var(--cargo-danger) !important;}

.bulk-compact,.input-bulk-panel{margin-top:16px !important;padding:16px !important;border:1px solid rgba(212,219,230,.98) !important;border-radius:22px !important;background:linear-gradient(180deg,#f8fafc 0%,#fcfdff 100%) !important;}
.bulk-title{font-size:13px !important;font-weight:900 !important;color:#0f172a !important;}
.bulk-note{margin-top:4px;font-size:11px !important;color:var(--cargo-muted) !important;line-height:1.5;}
.shipment-bulk-input,.shipment-bulk-input.bulk-box{min-height:96px !important;height:96px !important;padding:14px !important;border:1px solid rgba(197,207,219,.96) !important;border-radius:18px !important;background:#fff !important;color:#0f172a !important;font-size:13px !important;line-height:1.65 !important;}
.shipment-bulk-input:focus{border-color:rgba(79,70,229,.5) !important;box-shadow:0 0 0 4px rgba(79,70,229,.08) !important;}
.input-grid-wrap{margin-top:12px !important;border:1px solid rgba(217,224,234,.96) !important;border-radius:18px !important;background:#fff !important;}
#inputGrid .tabulator-header{display:none !important;}
#inputGrid .tabulator-row{min-height:42px !important;background:#fff !important;border-bottom:1px solid #edf1f6 !important;}
#inputGrid .tabulator-row:hover{background:#fafbff !important;}
#inputGrid .tabulator-cell{min-height:42px !important;padding:0 12px !important;border-right:1px solid #edf1f6 !important;display:flex !important;align-items:center !important;}
#inputGrid .input-grid-field{height:40px !important;font-size:12.5px !important;font-weight:700 !important;color:#0f172a !important;}
#inputGrid .input-grid-field::placeholder{color:#98a2b3 !important;}

.result-head-filters,.result-action-row,.rfilter-strip{display:flex;align-items:center;gap:10px !important;flex-wrap:wrap;}
.rfilter-strip{margin-top:16px !important;}
.rfilter-chip{min-height:32px !important;padding:0 12px !important;border-radius:999px !important;border:1px solid rgba(197,207,219,.96) !important;background:#fff !important;color:#475467 !important;font-size:11.5px !important;font-weight:800 !important;}
.rfilter-chip[data-filter="ALL"]{background:#f8fafc !important;}
.rfilter-chip[data-filter="ISSUE"]{border-color:var(--cargo-danger-line) !important;background:var(--cargo-danger-bg) !important;color:var(--cargo-danger) !important;}
.rfilter-chip[data-filter="PENDING"]{background:#f8fafc !important;color:#475467 !important;}
.rfilter-chip[data-filter="DONE"]{border-color:var(--cargo-success-line) !important;background:var(--cargo-success-bg) !important;color:var(--cargo-success) !important;}
.rfilter-chip[data-filter="SAVED"]{border-color:#c7d2fe !important;background:var(--cargo-primary-soft) !important;color:#4338ca !important;}

.result-filter-row{
  padding:16px 24px !important;
  border-top:1px solid rgba(217,224,234,.95) !important;
  border-bottom:1px solid rgba(217,224,234,.95) !important;
  background:linear-gradient(180deg,#f8fafc 0%,#fcfdff 100%) !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.active-filter-chips,#r-active-filter-chips{display:flex !important;align-items:center;gap:8px;flex-wrap:wrap;}
.result-search-field{flex:1 1 320px;min-width:280px;min-height:52px !important;flex-direction:row !important;align-items:center !important;gap:10px !important;}
.rsearch-icon{position:static !important;color:var(--cargo-subtle) !important;}
.rsearch-input{padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}

.rtable-wrap{padding:18px 24px 0 !important;background:linear-gradient(180deg,#fbfcff 0%,#ffffff 100%) !important;overflow:auto !important;}
.result-table{
  min-width:1270px !important;
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid rgba(217,224,234,.96) !important;
  border-radius:22px !important;
  background:#fff !important;
}
.result-table thead th{padding:14px 14px !important;background:#f6f8fc !important;border-bottom:1px solid rgba(217,224,234,.96) !important;color:#475467 !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.02em !important;}
.rsort-btn,.rth-label{display:inline-flex;align-items:center;gap:6px;color:#475467 !important;font-size:11px !important;font-weight:900 !important;}
.rsort-btn{width:100%;justify-content:space-between;border:none;background:transparent;padding:0;cursor:pointer;}
.result-table tbody td{padding:13px 14px !important;border-bottom:1px solid #edf1f6 !important;background:#fff !important;color:#344054 !important;font-size:12.5px !important;font-weight:600 !important;vertical-align:middle !important;}
.result-table tbody tr:hover td{background:#f8faff !important;}
.result-table tbody tr.result-row-issue td{background:linear-gradient(90deg,#fff4f3 0%,#fff9f9 34%,#ffffff 100%) !important;}
.result-table tbody tr.result-row-issue td:first-child{box-shadow:inset 5px 0 0 var(--cargo-danger) !important;}
.result-table th.col-select,.result-table td.col-select{width:52px !important;min-width:52px !important;max-width:52px !important;text-align:center !important;}
.result-table th.col-bl,.result-table td.col-bl{width:166px !important;min-width:166px !important;}
.result-table th.col-tracking,.result-table td.col-tracking{width:230px !important;min-width:230px !important;}
.result-table th.col-customs,.result-table td.col-customs{width:196px !important;min-width:196px !important;}
.result-table th.col-delivery-status,.result-table td.col-delivery-status{width:156px !important;min-width:156px !important;}
.result-table th.col-delivery,.result-table td.col-delivery{width:112px !important;min-width:112px !important;}
.result-table th.col-memo,.result-table td.col-memo{width:228px !important;min-width:228px !important;}
.result-table th.col-copy,.result-table td.col-copy{width:112px !important;min-width:112px !important;}
.result-table th.col-save,.result-table td.col-save{width:138px !important;min-width:138px !important;}
.cell-main{color:#0f172a !important;font-size:12.5px !important;font-weight:700 !important;}
.cell-sub{margin-top:4px !important;color:var(--cargo-muted) !important;font-size:11.5px !important;font-weight:600 !important;}
.cell-urgent{margin-top:6px !important;color:var(--cargo-danger) !important;font-size:11.5px !important;font-weight:800 !important;}
.memo-input,.remong-row-memo{min-height:38px !important;height:38px !important;padding:0 12px !important;border:1px solid rgba(197,207,219,.96) !important;border-radius:12px !important;background:#fbfcff !important;font-size:12px !important;font-weight:600 !important;}

.tracking-status-badge,
.customs-badge,
.row-save-flag,
.label-pill{
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(197,207,219,.96) !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.tracking-status-badge.is-pending,.customs-badge.is-idle,.label-pill.label-pending{background:#f4f6f8 !important;border-color:#d5dbe4 !important;color:#475467 !important;}
.tracking-status-badge.is-tracking,.customs-badge.is-progress,.customs-badge.is-stage-inspection{background:#eef2ff !important;border-color:#cfd5ff !important;color:#4338ca !important;}
.tracking-status-badge.is-done,.customs-badge.is-done,.customs-badge.is-stage-release-done,.label-pill.label-done,.row-save-flag.is-saved{background:var(--cargo-success-bg) !important;border-color:var(--cargo-success-line) !important;color:var(--cargo-success) !important;}
.tracking-status-badge.is-timeout,.customs-badge.is-stage-release{background:var(--cargo-warning-bg) !important;border-color:var(--cargo-warning-line) !important;color:var(--cargo-warning) !important;}
.tracking-status-badge.is-error,.customs-badge.is-warn,.label-pill.label-high{background:var(--cargo-danger-bg) !important;border-color:var(--cargo-danger-line) !important;color:var(--cargo-danger) !important;}
.row-save-stack{display:flex;flex-direction:column !important;align-items:flex-start !important;gap:8px !important;}
.remong-row-summary-link,.remong-row-save-btn{min-height:34px !important;height:34px !important;padding:0 12px !important;border-radius:12px !important;border:1px solid rgba(197,207,219,.96) !important;background:#f8fafc !important;color:#334155 !important;font-size:12px !important;font-weight:800 !important;box-shadow:none !important;}
.remong-row-summary-link{background:var(--cargo-primary-soft) !important;border-color:#cfd5ff !important;color:#4338ca !important;}
.remong-row-save-btn.saved{background:#fff !important;border-color:#d7deea !important;color:#475467 !important;}
.rtable-footer{padding:16px 24px 22px !important;border-top:1px solid rgba(217,224,234,.94) !important;background:#fbfcff !important;}
.rtable-page-btn{border:1px solid rgba(197,207,219,.96) !important;border-radius:10px !important;background:#fff !important;color:#475467 !important;font-size:12px !important;font-weight:800 !important;}
.rtable-page-btn.is-active{border-color:#4338ca !important;background:#4338ca !important;color:#fff !important;}

@media (max-width:1024px){
  .single-row{grid-template-columns:1fr 1fr;}
  .summary-zone{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media (max-width:760px){
  .tnav-inner,.pg-container{padding-left:14px !important;padding-right:14px !important;}
  .summary-zone{grid-template-columns:1fr !important;}
  .input-card-head,.result-zone-head,.input-card-foot,.result-filter-row{flex-direction:column !important;align-items:stretch !important;}
  .single-row{grid-template-columns:1fr !important;}
  .result-search-field,.result-head-filters,.result-action-row{width:100%;}
  .rtable-wrap,.rtable-footer{padding-left:14px !important;padding-right:14px !important;}
}

.pg-main{
  padding-top:0 !important;
}

.pg-container{
  padding-top:0 !important;
}

.pg-container > .sdiv:first-of-type{
  margin-top:0 !important;
}

/* UI density override */
.tnav-inner{
  min-height:64px !important;
  height:64px !important;
  padding:0 22px !important;
}

.cargo-brand-logo-wrap{
  background:transparent !important;
}

.cargo-brand-logo{
  height:30px !important;
  mix-blend-mode:multiply;
  opacity:.96;
}

.cargo-brand-title{
  font-size:11px !important;
}

.sdiv{
  margin:8px 0 6px !important;
}

.summary-zone{
  gap:10px !important;
  margin-bottom:8px !important;
}

.summary-zone .summary-card{
  padding:12px 14px !important;
  border-radius:16px !important;
}

.summary-card-top{
  gap:8px !important;
}

.summary-icon{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
  font-size:13px !important;
}

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

.summary-sub{
  font-size:10px !important;
}

.summary-zone .summary-value{
  margin-top:6px !important;
  font-size:24px !important;
}

.cargo-input-card,
.result-zone-card{
  border-radius:16px !important;
}

.input-card-head,
.result-zone-head{
  padding:10px 14px !important;
}

.input-card-title{
  font-size:14px !important;
}

.input-card-actions{
  gap:6px !important;
}

.input-card-body{
  padding:10px 14px 12px !important;
}

.single-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:6px !important;
}

.single-row .field{
  min-height:34px !important;
  height:34px !important;
  padding:0 10px !important;
  border-radius:10px !important;
}

.single-row .field > span{
  display:none !important;
}

.single-row .field input{
  font-size:12.5px !important;
  font-weight:700 !important;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-primary.btn-sm,
.btn-secondary.btn-sm,
.btn-sm{
  min-height:32px !important;
  height:32px !important;
  padding:0 11px !important;
  border-radius:10px !important;
  font-size:11.5px !important;
}

.bulk-compact,
.input-bulk-panel{
  margin-top:8px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
}

.input-bulk-head{
  margin-bottom:6px !important;
}

.bulk-title{
  font-size:11.5px !important;
}

.bulk-note{
  font-size:10px !important;
}

.shipment-bulk-input,
.shipment-bulk-input.bulk-box{
  min-height:64px !important;
  height:64px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

.input-grid-ghost{
  display:none !important;
}

.input-card-foot{
  margin-top:8px !important;
  gap:8px !important;
}

.input-card-meta,
.input-card-meta span,
#shipmentInputCount,
#shipmentPlanLimit{
  font-size:10.5px !important;
  line-height:1.35 !important;
}

.progress-text{
  margin:6px 0 0 !important;
  padding:6px 8px !important;
  font-size:10.5px !important;
}

.result-zone-head{
  align-items:flex-start !important;
  gap:10px !important;
}

.result-head-copy{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.result-head-copy-top{
  gap:0 !important;
}

.rcard-title{
  font-size:14px !important;
  line-height:1.2 !important;
}

.result-filter-row.result-filter-row-head{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}

.result-search-field{
  flex:1 1 220px !important;
  min-width:220px !important;
  min-height:32px !important;
  height:32px !important;
  padding:0 10px !important;
  border-radius:10px !important;
}

.result-head-filters{
  gap:6px !important;
}

.result-inline-field{
  min-width:auto !important;
  min-height:32px !important;
  height:32px !important;
  padding:0 8px !important;
  border-radius:10px !important;
}

.result-inline-field span{
  font-size:10px !important;
  font-weight:700 !important;
}

.result-inline-field input,
.result-inline-field select{
  font-size:11px !important;
  min-width:74px !important;
}

.result-inline-range input{
  min-width:102px !important;
}

.field-sep{
  font-size:10px !important;
}

.rfilter-strip,
#r-active-filter-chips{
  display:none !important;
}

.result-action-row{
  gap:6px !important;
}

.refresh-select-btn,
.refresh-now-btn{
  min-height:32px !important;
  height:32px !important;
}

.rtable-wrap{
  padding:8px 14px 0 !important;
}

.result-table thead th{
  padding:7px 8px !important;
  font-size:10.5px !important;
}

.result-table tbody td{
  padding:7px 8px !important;
  font-size:11.5px !important;
}

.rtable td.col-copy,
.rtable td.col-save,
.rtable td.col-memo{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

.row-save-flag{
  min-height:20px !important;
  height:20px !important;
  font-size:10px !important;
}

.remong-row-summary-link,
.remong-row-save-btn{
  min-height:28px !important;
  height:28px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  font-size:11px !important;
}

.rtable-footer{
  padding:10px 14px 12px !important;
}

.rtable-count,
.rtable-summary{
  font-size:11px !important;
}

@media (max-width:1100px){
  .single-row{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:760px){
  .result-filter-row.result-filter-row-head,
  .result-head-filters,
  .result-action-row{
    width:100% !important;
  }

  .result-search-field,
  .result-inline-field{
    width:100% !important;
  }
}

/* CargoX final dense layout */
.tnav{
  background:#0d1b2a !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}

.tnav-inner{
  min-height:53px !important;
  height:53px !important;
  padding:0 20px !important;
  gap:10px !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.tnav-left,
.tnav-right{
  gap:10px !important;
  align-items:center !important;
}

.tnav-beta-badge,
.tnav-icon-btn{
  display:none !important;
}

.tnav-right .tnav-sep{
  display:none !important;
}

.cargo-brand-lockup{
  gap:8px !important;
}

.cargo-brand-logo{
  height:28px !important;
  mix-blend-mode:multiply;
  opacity:.96;
}

.cargo-brand-title{
  font-size:14px !important;
  font-weight:800 !important;
  color:#fff !important;
}

.tnav-batch-pill,
.tnav-realtime{
  height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.tnav-rt-label,
.tnav-batch-text,
.tnav-batch-time,
.tnav-link{
  color:rgba(255,255,255,.72) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}

.tnav-link{
  min-height:auto !important;
  padding:0 4px !important;
  border-radius:6px !important;
}

.tnav-link:hover{
  background:transparent !important;
  color:#fff !important;
}

.tnav-user-btn{
  height:30px !important;
  padding:0 10px 0 7px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}

.tnav-avatar{
  width:20px !important;
  height:20px !important;
  border-radius:6px !important;
}

.tnav-user-name{
  color:rgba(255,255,255,.78) !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.page{
  max-width:1400px !important;
  margin:0 auto !important;
  padding:8px 16px 14px !important;
  display:grid !important;
  gap:8px !important;
}

.sec-lbl{
  margin:0 !important;
  padding-left:2px !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:#8a97ab !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  line-height:1.25 !important;
}

.sdiv{
  display:none !important;
}

.summary-zone{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 !important;
}

.summary-zone .summary-card{
  min-height:116px !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04) !important;
}

.summary-card-top{
  gap:7px !important;
  align-items:center !important;
}

.summary-icon{
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
  font-size:12px !important;
}

.summary-zone .summary-title{
  font-size:12px !important;
  font-weight:700 !important;
  color:#4a5568 !important;
}

.summary-sub{
  font-size:11px !important;
  color:#8a97ab !important;
}

.summary-zone .summary-value{
  margin-top:6px !important;
  font-size:26px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.workspace{
  display:grid !important;
  grid-template-columns:1.3fr .7fr !important;
  gap:8px !important;
  align-items:stretch !important;
}

.workspace > .card{
  display:flex !important;
  flex-direction:column !important;
}

.card,
.cargo-input-card,
.ops-card,
.result-zone-card{
  background:#fff !important;
  border:1px solid #e5e9f0 !important;
  border-radius:12px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.06),0 6px 18px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

.card-head,
.input-card-head,
.ops-head{
  padding:9px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  border-bottom:1px solid #e5e9f0 !important;
  background:#fff !important;
}

.card-title,
.input-card-title,
.result-title{
  font-size:13.5px !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}

.card-desc,
.input-card-desc{
  margin-top:2px !important;
  font-size:11.5px !important;
  color:#8a97ab !important;
}

.btn-row,
.input-card-actions{
  gap:6px !important;
  align-items:center !important;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-sm{
  height:34px !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

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

.btn-ghost,
.btn-secondary{
  background:#fff !important;
}

.tab-bar{
  display:flex !important;
  border-bottom:1px solid #e5e9f0 !important;
  padding:0 12px !important;
  background:#f4f6f9 !important;
}

.tab{
  height:34px !important;
  padding:0 12px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#8a97ab !important;
  border:none !important;
  background:transparent !important;
  border-bottom:2px solid transparent !important;
  margin-bottom:-1px !important;
}

.tab.on{
  color:#2563eb !important;
  border-bottom-color:#2563eb !important;
}

.tab-panel{
  display:none;
}

.tab-panel.on{
  display:block;
}

.input-card-stack{
  gap:12px !important;
}

.input-section{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.input-body,
.input-card-body{
  padding:10px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  background:#fff !important;
}

.single-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto !important;
  gap:6px !important;
  align-items:center !important;
}

.field,
.result-search-field{
  height:34px !important;
  min-height:34px !important;
  padding:0 11px !important;
  border:1px solid #d6deea !important;
  border-radius:8px !important;
  background:#fafbfd !important;
}

.field > span{
  display:none !important;
}

.field input,
.field select,
.search-input{
  font-size:12.5px !important;
  font-weight:600 !important;
  color:#0d1b2a !important;
}

.bulk-textarea,
.shipment-bulk-input,
.shipment-bulk-input.bulk-box{
  width:100% !important;
  height:82px !important;
  min-height:82px !important;
  padding:8px 10px !important;
  border:1px solid #d6deea !important;
  border-radius:8px !important;
  resize:none !important;
  background:#fafbfd !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
}

.input-bulk-inline{
  padding-top:2px !important;
}

.input-foot,
.input-card-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-top:0 !important;
}

.input-meta,
.input-card-meta{
  font-size:11.5px !important;
  color:#8a97ab !important;
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.progress-text{
  margin:0 !important;
  padding:0 !important;
  font-size:11px !important;
  color:#8a97ab !important;
  border:none !important;
  background:transparent !important;
}

.input-grid-ghost{
  display:none !important;
}

.cargo-input-card .input-card-grid-wrap{
  margin:0 12px 12px !important;
}

.cargo-input-card .input-grid-wrap{
  margin-top:0 !important;
}

.ops-body{
  padding:10px 12px !important;
  display:grid !important;
  gap:8px !important;
}

.ops-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  align-content:start !important;
}

.ops-item{
  min-height:86px !important;
  padding:8px 10px !important;
  border:1px solid #e5e9f0 !important;
  border-radius:10px !important;
  background:#fbfcfe !important;
  display:grid !important;
  gap:2px !important;
}

.ops-lbl{
  font-size:11px !important;
  font-weight:700 !important;
  color:#8a97ab !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.ops-val{
  font-size:16px !important;
  font-weight:800 !important;
  color:#0d1b2a !important;
}

.ops-sub{
  font-size:11px !important;
  color:#8a97ab !important;
}

.result-toolbar{
  padding:8px 12px !important;
  border-bottom:1px solid #e5e9f0 !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:8px !important;
  background:#fff !important;
}

.search-wrap{
  position:relative !important;
  max-width:340px !important;
  width:100% !important;
}

.search-ico{
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#8a97ab !important;
}

.search-input{
  width:100% !important;
  height:34px !important;
  padding:0 10px 0 32px !important;
  border:1px solid #d6deea !important;
  border-radius:8px !important;
  background:#fff !important;
}

.filter-row{
  padding:6px 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  border-bottom:1px solid #e5e9f0 !important;
  background:#f4f6f9 !important;
}

.filter-sel{
  height:34px !important;
  padding:0 10px !important;
  border-radius:8px !important;
  border:1px solid #d6deea !important;
  background:#fff !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:#4a5568 !important;
}

.filter-right{
  margin-left:auto !important;
}

.sel-bar{
  display:none !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 12px !important;
  border-bottom:1px solid #c7d9fd !important;
  background:#eff4ff !important;
}

.sel-bar.visible{
  display:flex !important;
}

.sel-count{
  font-size:12px !important;
  font-weight:700 !important;
  color:#2563eb !important;
}

.rtable-wrap{
  padding:0 !important;
  background:#fff !important;
}

.rt,
.result-table{
  width:100% !important;
  min-width:980px !important;
  border-collapse:collapse !important;
}

.rt thead th,
.result-table thead th{
  padding:5px 10px !important;
  text-align:left !important;
  background:#f8fafc !important;
  color:#8a97ab !important;
  font-size:11px !important;
  font-weight:700 !important;
  border-bottom:1px solid #e5e9f0 !important;
  white-space:nowrap !important;
}

.rt thead th.chk-col,
.result-table th.col-select{
  width:40px !important;
  padding-left:12px !important;
  padding-right:6px !important;
}

.rt tbody td,
.result-table tbody td{
  padding:6px 10px !important;
  border-bottom:1px solid #f0f4f8 !important;
  vertical-align:middle !important;
  background:#fff !important;
  font-size:12px !important;
}

.result-table tbody tr:hover td{
  background:#fafbff !important;
}

.result-table tbody tr.result-row-issue td{
  background:#fff8f8 !important;
}

.result-table tbody tr.result-row-issue td:first-child{
  box-shadow:inset 3px 0 0 #dc2626 !important;
}

.cell-sub{
  margin-top:1px !important;
  font-size:11px !important;
}

.memo-input,
.remong-row-memo{
  min-height:22px !important;
  height:22px !important;
  padding:0 7px !important;
  border:1px solid #e5e9f0 !important;
  border-radius:7px !important;
  font-size:12px !important;
}

.result-table th.col-copy,
.result-table td.col-copy,
.result-table th.col-save,
.result-table td.col-save{
  display:none !important;
}

.table-foot,
.rtable-footer{
  padding:6px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  font-size:11.5px !important;
  color:#8a97ab !important;
  border-top:1px solid #e5e9f0 !important;
  background:#fff !important;
}

.rtable-pagination{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  flex-wrap:wrap !important;
}

.fine-risk-zone{
  margin-top:10px !important;
}

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

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

  .result-toolbar{
    grid-template-columns:1fr !important;
  }

  .search-wrap{
    max-width:none !important;
  }
}

@media (max-width:720px){
  .page,
  .tnav-inner{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .summary-zone,
  .ops-grid,
  .single-row{
    grid-template-columns:1fr !important;
  }

  .card-head,
  .result-toolbar,
  .filter-row,
  .table-foot{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .filter-right{
    margin-left:0 !important;
  }
}

/* CargoX preview parity lock */
body{
  background:#f4f6f9 !important;
  color:#0d1b2a !important;
  font-family:'Plus Jakarta Sans', Pretendard, -apple-system, sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
}

.pg-main{
  padding:0 0 14px !important;
}

.pg-container.page{
  max-width:1400px !important;
}

.tnav{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
}

.tnav-inner{
  max-width:1400px !important;
}

.cargo-brand-logo{
  height:28px !important;
}

.summary-zone .summary-card{
  border:1px solid #e5e9f0 !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04) !important;
  overflow:hidden !important;
}

.summary-zone .summary-card::before{
  content:'' !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:2.5px !important;
  width:auto !important;
  border-radius:12px 12px 0 0 !important;
  background:#cbd5e1 !important;
}

.summary-zone .summary-issue::before{background:#dc2626 !important;}
.summary-zone .summary-total::before{background:#2563eb !important;}
.summary-zone .summary-pending::before{background:#d97706 !important;}
.summary-zone .summary-done::before{background:#059669 !important;}

.summary-zone .summary-card::after{
  display:none !important;
}

.summary-zone .summary-copy{
  min-height:30px !important;
}

.summary-zone .summary-value{
  font-variant-numeric:tabular-nums !important;
}

.cargo-input-card .card-head,
.ops-card .card-head{
  min-height:60px !important;
}

.input-card-actions .btn,
.result-action-row .btn,
.filter-row .btn,
.sel-bar .btn{
  height:34px !important;
  min-height:34px !important;
}

.single-row .btn{
  height:34px !important;
}

.field input{
  height:100% !important;
  background:transparent !important;
}

#error-banner,
.progress-text,
#retry-error-btn,
#r-filter-reset-btn,
#r-result-refresh-wrap{
  display:none !important;
}

.result-toolbar .result-title{
  line-height:1 !important;
}

.result-toolbar .btn-row{
  justify-content:flex-end !important;
}

.filter-row{
  row-gap:6px !important;
}

.filter-right{
  margin-left:0 !important;
}

.result-table thead th{
  line-height:1.15 !important;
}

.result-table tbody td{
  line-height:1.2 !important;
}

.cell-main{
  line-height:1.15 !important;
}

.cell-sub{
  line-height:1.2 !important;
}

.memo-input,
.remong-row-memo{
  background:#fafbfd !important;
  resize:none !important;
}

.rtable-footer{
  flex-wrap:wrap !important;
}

.fine-risk-zone{
  display:none !important;
}

/* CargoX preview parity final lock */
:root{
  --cx-bg:#f4f6f9;
  --cx-surface:#ffffff;
  --cx-surface-2:#fbfcfe;
  --cx-border:#e5e9f0;
  --cx-border-2:#d6deea;
  --cx-text:#0d1b2a;
  --cx-text-2:#4a5568;
  --cx-text-3:#8a97ab;
  --cx-blue:#2563eb;
  --cx-blue-lt:#eff4ff;
  --cx-blue-bd:#c7d9fd;
  --cx-green:#059669;
  --cx-green-lt:#ecfdf5;
  --cx-green-bd:#a7f3d0;
  --cx-amber:#d97706;
  --cx-amber-lt:#fffbeb;
  --cx-amber-bd:#fde68a;
  --cx-red:#dc2626;
  --cx-red-lt:#fff5f5;
  --cx-red-bd:#fecaca;
  --cx-slate:#64748b;
  --cx-slate-lt:#f8fafc;
  --cx-shadow-sm:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);
  --cx-shadow:0 1px 3px rgba(0,0,0,.06),0 6px 18px rgba(0,0,0,.06);
}

body{
  background:var(--cx-bg) !important;
  color:var(--cx-text) !important;
  font-family:'Plus Jakarta Sans', Pretendard, -apple-system, sans-serif !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.pg-main{
  padding:0 0 36px !important;
}

.page,
.pg-container.page{
  max-width:1400px !important;
  margin:0 auto !important;
  padding:18px 20px 36px !important;
  display:grid !important;
  gap:16px !important;
}

.sec-lbl{
  margin:0 0 -6px 0 !important;
  padding-left:2px !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  color:var(--cx-text-3) !important;
}

.tnav.header{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  background:linear-gradient(90deg,#0d1b2a 0%,#10243c 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.tnav-inner.header-inner{
  max-width:1400px !important;
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 auto !important;
  padding:0 20px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.tnav-left,
.tnav-right{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.tnav-right{
  margin-left:auto !important;
  gap:10px !important;
}

.cargo-brand-lockup.brand{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-right:18px !important;
}

.cargo-brand-mark.brand-mark{
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(140deg,#3b82f6,#2563eb) !important;
  box-shadow:0 0 0 1px rgba(59,130,246,.4),0 4px 12px rgba(37,99,235,.35) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.cargo-brand-title.brand-name{
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  line-height:1 !important;
}

.tnav-beta-badge,
.tnav-icon-btn,
.cargo-brand-logo-wrap,
.cargo-brand-logo,
.tnav-service-statuses,
.tnav-realtime{
  display:none !important;
}

.tnav-status-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  height:28px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:rgba(255,255,255,.02) !important;
}

.tnav-status-dot{
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  flex:0 0 auto !important;
}

.tnav-status-dot-live{
  background:#22c55e !important;
  box-shadow:0 0 0 2px rgba(34,197,94,.22) !important;
}

.tnav-status-dot-batch{
  background:#f59e0b !important;
}

.tnav-status-text,
.tnav-status-time,
.tnav-link,
.tnav-user-name{
  color:rgba(255,255,255,.72) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}

.tnav-status-time{
  font-weight:700 !important;
}

.tnav-sep{
  width:1px !important;
  height:18px !important;
  background:rgba(255,255,255,.1) !important;
}

.tnav-link{
  display:inline-flex !important;
  align-items:center !important;
  min-height:auto !important;
  padding:4px 6px !important;
  border-radius:6px !important;
  background:transparent !important;
}

.tnav-link:hover{
  color:rgba(255,255,255,.85) !important;
  background:rgba(255,255,255,.06) !important;
}

.tnav-user-wrap{
  position:relative !important;
}

.tnav-user-btn{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  height:28px !important;
  padding:0 10px 0 7px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}

.tnav-user-btn svg{
  display:none !important;
}

.tnav-avatar{
  width:20px !important;
  height:20px !important;
  border-radius:6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#2563eb !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:800 !important;
}

.tnav-avatar-guest{
  background:#475569 !important;
}

.tnav-user-dropdown{
  top:calc(100% + 8px) !important;
  border:1px solid var(--cx-border) !important;
  border-radius:10px !important;
  box-shadow:var(--cx-shadow) !important;
}

.summary-zone.kpi-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 !important;
}

.summary-zone .summary-card{
  position:relative !important;
  min-height:122px !important;
  padding:14px 16px !important;
  border:1px solid var(--cx-border) !important;
  border-top-width:3px !important;
  border-radius:10px !important;
  background:var(--cx-surface) !important;
  box-shadow:var(--cx-shadow-sm) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  overflow:hidden !important;
}

.summary-zone .summary-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:3px !important;
  border-radius:10px 10px 0 0 !important;
  background:var(--cx-blue) !important;
}

.summary-zone .summary-total{
  border-top-color:var(--cx-blue) !important;
}

.summary-zone .summary-progress{
  border-top-color:var(--cx-amber) !important;
}

.summary-zone .summary-issue{
  border-top-color:var(--cx-red) !important;
}

.summary-zone .summary-done{
  border-top-color:var(--cx-green) !important;
}

.summary-zone .summary-total::before{background:var(--cx-blue) !important;}
.summary-zone .summary-progress::before{background:var(--cx-amber) !important;}
.summary-zone .summary-issue::before{background:var(--cx-red) !important;}
.summary-zone .summary-pending::before{background:var(--cx-amber) !important;}
.summary-zone .summary-done::before{background:var(--cx-green) !important;}

.summary-zone .summary-card.is-active{
  box-shadow:var(--cx-shadow-sm) !important;
}

.summary-card-top{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.summary-icon{
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

.summary-total .summary-icon{background:var(--cx-blue-lt) !important;color:#1d4ed8 !important;}
.summary-issue .summary-icon{background:var(--cx-red-lt) !important;color:var(--cx-red) !important;}
.summary-pending .summary-icon{background:var(--cx-amber-lt) !important;color:var(--cx-amber) !important;}
.summary-done .summary-icon{background:var(--cx-green-lt) !important;color:var(--cx-green) !important;}

.summary-zone .summary-title{
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--cx-text-2) !important;
}

.summary-zone .summary-value{
  margin-top:2px !important;
  font-size:26px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  color:var(--cx-text) !important;
  font-variant-numeric:tabular-nums !important;
}

.summary-zone .summary-issue .summary-value{
  color:var(--cx-red) !important;
}

.summary-note{
  font-size:11px !important;
  color:var(--cx-text-3) !important;
}

.workspace{
  display:grid !important;
  grid-template-columns:1.3fr .7fr !important;
  gap:12px !important;
  align-items:stretch !important;
}

.workspace > .card,
.workspace > .cargo-input-card,
.workspace > .ops-card{
  height:100% !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

.card,
.cargo-input-card,
.ops-card,
.result-zone-card{
  background:var(--cx-surface) !important;
  border:1px solid var(--cx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--cx-shadow) !important;
  overflow:hidden !important;
}

.card-head,
.input-card-head,
.ops-head{
  padding:13px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid var(--cx-border) !important;
  background:#fff !important;
}

.card-title,
.input-card-title,
.result-title{
  font-size:13.5px !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
  color:var(--cx-text) !important;
}

.card-desc,
.input-card-desc{
  margin-top:2px !important;
  font-size:11.5px !important;
  color:var(--cx-text-3) !important;
}

.btn-row{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

.btn,
.btn-sm,
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-danger{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:8px !important;
  border:1px solid var(--cx-border-2) !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

.btn{
  background:#fff !important;
  color:var(--cx-text-2) !important;
}

.btn:hover{
  background:var(--cx-bg) !important;
}

.btn-primary{
  background:var(--cx-blue) !important;
  border-color:var(--cx-blue) !important;
  color:#fff !important;
  box-shadow:0 1px 2px rgba(37,99,235,.3),0 4px 12px rgba(37,99,235,.18) !important;
}

.btn-primary:hover{
  background:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
}

.btn-ghost,
.btn-secondary{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--cx-text-3) !important;
}

.btn-ghost:hover,
.btn-secondary:hover{
  background:var(--cx-bg) !important;
  border-color:var(--cx-border) !important;
  color:var(--cx-text-2) !important;
}

.btn-danger{
  background:var(--cx-red-lt) !important;
  border-color:var(--cx-red-bd) !important;
  color:var(--cx-red) !important;
}

.tab-bar{
  display:flex !important;
  border-bottom:1px solid var(--cx-border) !important;
  padding:0 16px !important;
  background:var(--cx-bg) !important;
}

.tab{
  height:38px !important;
  padding:0 14px !important;
  margin-bottom:-1px !important;
  border:none !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:var(--cx-text-3) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}

.tab.on{
  color:var(--cx-blue) !important;
  border-bottom-color:var(--cx-blue) !important;
}

.input-body{
  padding:14px 16px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-height:126px !important;
  justify-content:flex-start !important;
}

.single-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  align-items:center !important;
}

.input-card-actions .btn-ghost,
.input-card-actions .btn-secondary{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

.input-card-actions .btn-ghost:hover,
.input-card-actions .btn-secondary:hover{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

.input-card-actions #r-csv-btn,
.input-card-actions #clear-rows-btn{
  border:1px solid var(--cx-border-2) !important;
  background:#fff !important;
  color:var(--cx-text-2) !important;
}

.input-card-actions #r-csv-btn:hover,
.input-card-actions #clear-rows-btn:hover{
  border:1px solid var(--cx-border-2) !important;
  background:var(--cx-bg) !important;
  color:var(--cx-text-2) !important;
}

.field{
  display:block !important;
  height:36px !important;
  padding:0 11px !important;
  border:1px solid var(--cx-border-2) !important;
  border-radius:8px !important;
  background:#fafbfd !important;
}

.field input{
  width:100% !important;
  height:100% !important;
  border:none !important;
  background:transparent !important;
  outline:none !important;
  color:var(--cx-text) !important;
  font-size:12.5px !important;
  font-weight:600 !important;
}

.bulk-textarea,
.shipment-bulk-input{
  width:100% !important;
  height:84px !important;
  min-height:84px !important;
  padding:10px 12px !important;
  border:1px solid var(--cx-border-2) !important;
  border-radius:8px !important;
  background:#fafbfd !important;
  color:var(--cx-text) !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
  resize:none !important;
  outline:none !important;
}

.input-hint{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  width:fit-content !important;
  padding:5px 10px !important;
  border-radius:7px !important;
  border:1px solid var(--cx-blue-bd) !important;
  background:var(--cx-blue-lt) !important;
  color:var(--cx-blue) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}

.input-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.input-meta{
  font-size:11.5px !important;
  color:var(--cx-text-3) !important;
}

#shipmentPlanLimit,
#progress-text,
#error-banner,
#r-filter-reset-btn,
#r-result-refresh-wrap,
.fine-risk-zone{
  display:none !important;
}

.input-card-grid-wrap{
  display:none !important;
}

.input-grid-wrap{
  display:none !important;
}

#inputGrid{
  display:none !important;
}

#inputGrid .tabulator{
  border:none !important;
  background:transparent !important;
  font-size:12px !important;
}

#inputGrid .tabulator-header{
  display:none !important;
}

#inputGrid .tabulator-row{
  min-height:34px !important;
  border-bottom:1px solid #f0f4f8 !important;
}

#inputGrid .tabulator-cell{
  padding:6px 10px !important;
  border-right:1px solid #f0f4f8 !important;
}

#inputGrid input{
  width:100% !important;
  height:22px !important;
  border:none !important;
  background:transparent !important;
  outline:none !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:var(--cx-text) !important;
}

.ops-body{
  padding:12px 16px !important;
  display:grid !important;
  gap:8px !important;
  flex:1 1 auto !important;
  align-content:start !important;
}

.ops-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.ops-item{
  min-height:74px !important;
  padding:8px 10px !important;
  border:1px solid var(--cx-border) !important;
  border-radius:10px !important;
  background:var(--cx-surface-2) !important;
  display:grid !important;
  gap:2px !important;
}

.ops-lbl{
  font-size:11px !important;
  font-weight:700 !important;
  color:var(--cx-text-3) !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.ops-val{
  font-size:16px !important;
  font-weight:800 !important;
  color:var(--cx-text) !important;
}

.ops-sub{
  font-size:11px !important;
  color:var(--cx-text-3) !important;
}

.result-toolbar{
  padding:12px 16px !important;
  border-bottom:1px solid var(--cx-border) !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:auto minmax(320px,420px) 1fr !important;
  align-items:center !important;
  gap:12px !important;
}

.result-search-field{
  display:block !important;
  flex:none !important;
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.search-wrap{
  position:relative !important;
  max-width:420px !important;
  min-width:320px !important;
  width:100% !important;
  justify-self:start !important;
}

.search-ico{
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:var(--cx-text-3) !important;
}

.search-input{
  display:block !important;
  width:100% !important;
  height:34px !important;
  padding:0 12px 0 34px !important;
  margin:0 !important;
  border:1px solid var(--cx-border-2) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--cx-text) !important;
  font-size:12.5px !important;
  outline:none !important;
  box-shadow:none !important;
}

.result-action-row,
.result-toolbar .btn-row{
  justify-self:end !important;
  margin-left:auto !important;
}

.filter-row{
  padding:9px 16px !important;
  border-bottom:1px solid var(--cx-border) !important;
  background:var(--cx-bg) !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.filter-sel{
  height:34px !important;
  padding:0 10px !important;
  border:1px solid var(--cx-border-2) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--cx-text-2) !important;
  font-size:12px !important;
  font-weight:600 !important;
  outline:none !important;
}

.filter-right{
  margin-left:auto !important;
}

.sel-bar{
  display:none !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 16px !important;
  border-bottom:1px solid var(--cx-blue-bd) !important;
  background:var(--cx-blue-lt) !important;
}

.sel-bar.visible{
  display:flex !important;
}

.sel-count{
  color:var(--cx-blue) !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.rtable-wrap{
  padding:0 !important;
  overflow-x:auto !important;
}

.result-table{
  width:100% !important;
  min-width:1060px !important;
  border-collapse:collapse !important;
  table-layout:fixed !important;
  font-size:12.5px !important;
}

.result-table thead th{
  padding:8px 12px !important;
  background:#f8fafc !important;
  color:var(--cx-text-3) !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-align:left !important;
  border-bottom:1px solid var(--cx-border) !important;
  white-space:nowrap !important;
}

.result-table tbody td{
  padding:10px 12px !important;
  background:#fff !important;
  border-bottom:1px solid #f0f4f8 !important;
  vertical-align:middle !important;
  line-height:1.2 !important;
}

.result-table th.col-select,
.result-table td.col-select{
  width:40px !important;
  padding-left:16px !important;
  padding-right:8px !important;
}

.result-table th.col-copy,
.result-table td.col-copy{
  display:table-cell !important;
  width:86px !important;
}

.result-table th.col-save,
.result-table td.col-save{
  display:table-cell !important;
  width:98px !important;
}

.rsort-btn{
  display:inline-flex !important;
  align-items:center !important;
  width:100% !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  color:inherit !important;
  font:inherit !important;
  text-align:left !important;
  cursor:default !important;
}

.rsort-btn svg{
  display:none !important;
}

.result-check-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.result-row-checkbox,
#r-select-all{
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  border:1.5px solid var(--cx-border-2) !important;
  border-radius:5px !important;
  background:#fff !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
  display:grid !important;
  place-items:center !important;
}

.result-row-checkbox:checked,
#r-select-all:checked{
  background:var(--cx-blue) !important;
  border-color:var(--cx-blue) !important;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:10px !important;
}

.cell-main,
.tracking-plain,
.carrier-name{
  color:var(--cx-text) !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.cell-sub{
  margin-top:2px !important;
  color:var(--cx-text-3) !important;
  font-size:11px !important;
}

.cell-sub-inline{
  display:none !important;
}

.carrier-link{
  color:inherit !important;
  text-decoration:none !important;
}

.carrier-link:hover{
  text-decoration:none !important;
}

.customs-status-trigger,
.delivery-status-trigger{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  text-align:left !important;
  cursor:pointer !important;
}

.customs-status-stack,
.delivery-status-stack{
  display:grid !important;
  gap:2px !important;
}

.tracking-status-badge,
.customs-badge,
.label-pill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:22px !important;
  padding:0 8px !important;
  border-radius:6px !important;
  border:1px solid transparent !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.customs-badge.is-stage-release,
.customs-badge.is-stage-release-done{
  background:var(--cx-blue-lt) !important;
  border-color:var(--cx-blue-bd) !important;
  color:#1d4ed8 !important;
}

.customs-badge.is-stage-clearance,
.customs-badge.is-idle,
.label-pill.label-pending{
  background:var(--cx-slate-lt) !important;
  border-color:var(--cx-border-2) !important;
  color:var(--cx-slate) !important;
}

.customs-badge.is-progress,
.customs-badge.is-stage-inspection{
  background:#eef2ff !important;
  border-color:#c7d2fe !important;
  color:#4338ca !important;
}

.customs-badge.is-warn,
.label-pill.label-high,
.tracking-status-badge.is-timeout,
.tracking-status-badge.is-error{
  background:var(--cx-red-lt) !important;
  border-color:var(--cx-red-bd) !important;
  color:var(--cx-red) !important;
}

.tracking-status-badge.is-done,
.label-pill.label-done{
  background:var(--cx-green-lt) !important;
  border-color:var(--cx-green-bd) !important;
  color:var(--cx-green) !important;
}

.tracking-status-badge.is-pending,
.tracking-status-badge.is-stage-out{
  background:var(--cx-amber-lt) !important;
  border-color:var(--cx-amber-bd) !important;
  color:var(--cx-amber) !important;
}

.tracking-status-badge.is-tracking,
.tracking-status-badge.is-stage-picked,
.tracking-status-badge.is-stage-transit{
  background:var(--cx-blue-lt) !important;
  border-color:var(--cx-blue-bd) !important;
  color:#1d4ed8 !important;
}

.delivery-status-time{
  color:var(--cx-text-3) !important;
  font-size:11px !important;
}

.result-table tbody tr:hover td{
  background:#fafbff !important;
}

.result-table tbody tr.result-row-issue td{
  background:#fff8f8 !important;
}

.result-table tbody tr.result-row-issue td:first-child{
  box-shadow:inset 3px 0 0 var(--cx-red) !important;
}

.memo-input,
.remong-row-memo{
  width:100% !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 8px !important;
  border:1px solid var(--cx-border) !important;
  border-radius:7px !important;
  background:#fafbfd !important;
  color:var(--cx-text) !important;
  font-size:12px !important;
  resize:none !important;
}

.remong-row-summary-link,
.row-save-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 10px !important;
  border-radius:8px !important;
  border:1px solid var(--cx-border-2) !important;
  background:#fff !important;
  color:var(--cx-text-2) !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.row-save-stack{
  display:grid !important;
  gap:6px !important;
}

.row-save-flag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:20px !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  border:1px solid var(--cx-border) !important;
  background:var(--cx-slate-lt) !important;
  color:var(--cx-slate) !important;
  font-size:10px !important;
  font-weight:700 !important;
}

.row-save-flag.is-saved{
  background:var(--cx-green-lt) !important;
  border-color:var(--cx-green-bd) !important;
  color:var(--cx-green) !important;
}

.row-save-btn.saved,
.row-save-btn.is-delete{
  background:var(--cx-red-lt) !important;
  border-color:var(--cx-red-bd) !important;
  color:var(--cx-red) !important;
}

.table-foot,
.rtable-footer{
  padding:9px 16px !important;
  border-top:1px solid var(--cx-border) !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:var(--cx-text-3) !important;
  font-size:11.5px !important;
}

#bl-summary-popup .bl-modal-backdrop{
  background:rgba(13,27,42,.26) !important;
  z-index:0 !important;
}

#bl-summary-popup .bl-modal-panel{
  top:20px !important;
  width:min(680px,calc(100% - 32px)) !important;
  max-height:calc(100vh - 40px) !important;
  border:1px solid var(--cx-border) !important;
  border-radius:18px !important;
  box-shadow:0 18px 50px rgba(13,27,42,.18) !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  z-index:1 !important;
}

#bl-summary-popup .bl-modal-head{
  height:56px !important;
  padding:0 18px !important;
  border-bottom:1px solid var(--cx-border) !important;
  cursor:move !important;
  user-select:none !important;
  touch-action:none !important;
}

#bl-summary-popup .bl-modal-title{
  font-size:24px !important;
  font-weight:800 !important;
  letter-spacing:-0.04em !important;
  color:var(--cx-text) !important;
}

#bl-summary-popup .bl-modal-close{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  color:#667085 !important;
}

#bl-summary-popup .bl-summary-layout{
  display:grid !important;
  gap:14px !important;
  padding:16px 18px 14px !important;
  overflow:auto !important;
}

#bl-summary-popup .bl-summary-card{
  display:grid !important;
  gap:10px !important;
  padding:14px 16px !important;
  border:1px solid var(--cx-border-2) !important;
  border-radius:12px !important;
  background:#fbfcfe !important;
}

#bl-summary-popup .bl-summary-row{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  font-size:18px !important;
  line-height:1.55 !important;
}

#bl-summary-popup .bl-summary-label{
  font-weight:700 !important;
  color:var(--cx-text) !important;
}

#bl-summary-popup .bl-summary-value{
  min-width:0 !important;
  font-weight:600 !important;
  color:var(--cx-text-2) !important;
  word-break:break-word !important;
}

#bl-summary-popup .bl-summary-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

#bl-summary-popup .bl-summary-text-wrap{
  min-width:0 !important;
}

#bl-summary-popup .bl-summary-textbox{
  width:100% !important;
  min-height:136px !important;
  margin:0 !important;
  padding:13px 14px !important;
  border:1px solid var(--cx-border) !important;
  border-radius:12px !important;
  background:#fafbfd !important;
  color:var(--cx-text-2) !important;
  font-family:"SF Mono","Fira Code","Consolas",monospace !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  line-height:1.7 !important;
  resize:none !important;
  outline:none !important;
  cursor:text !important;
  white-space:pre-wrap !important;
}

#bl-summary-popup .bl-summary-textbox:focus{
  border-color:#93c5fd !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12) !important;
}

#bl-summary-popup .bl-summary-foot{
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:0 18px 16px !important;
  border-top:0 !important;
  background:#fff !important;
}

#bl-summary-popup .bl-summary-foot .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:74px !important;
  height:36px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  font-size:14px !important;
  font-weight:700 !important;
}

#bl-summary-popup #bl-summary-copy-btn{
  border:1px solid var(--cx-border-2) !important;
  background:#fff !important;
  color:var(--cx-text-2) !important;
}

#bl-summary-popup .bl-summary-foot [data-summary-close="1"]{
  border:1px solid var(--cx-blue) !important;
  background:var(--cx-blue) !important;
  color:#fff !important;
}

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

.summary-zone .summary-unprocessed::before{
  background:#64748b !important;
}

.summary-zone .summary-progress::before{
  background:#2563eb !important;
}

.result-toolbar.result-toolbar-step2{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.result-toolbar-left{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}

.result-toolbar-meta{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.result-selection-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-toolbar-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:0 !important;
  margin-left:auto !important;
}

.result-period-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}

.result-period-label{
  flex:0 0 auto !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--cx-text-2) !important;
  white-space:nowrap !important;
}

.result-period-inputs{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
}

.result-period-divider{
  flex:0 0 auto !important;
  color:var(--cx-text-3) !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.result-date-input{
  width:156px !important;
  min-width:156px !important;
  height:36px !important;
  padding:0 26px 0 10px !important;
  box-sizing:border-box !important;
}

.result-toolbar-right .result-search-field{
  width:320px !important;
  min-width:320px !important;
}

.result-toolbar-right .filter-sel:not(.result-date-input){
  width:110px !important;
  min-width:110px !important;
  height:36px !important;
}

#result-selection-bar{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#result-selection-bar .sel-count{
  color:var(--cx-text-3) !important;
  font-size:12px !important;
  font-weight:600 !important;
}

.legacy-filter-row,
.legacy-selection-controls{
  display:none !important;
}

#r-save-selected-btn,
#r-selection-clear-btn,
#r-delete-selected-btn{
  display:none !important;
}

.result-table{
  width:1172px !important;
  min-width:1172px !important;
  table-layout:fixed !important;
}

.result-table th.col-select,
.result-table td.col-select{
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
}

.result-table th.col-bl,
.result-table td.col-bl{
  width:170px !important;
  min-width:170px !important;
}

.result-table th.col-tracking,
.result-table td.col-tracking{
  width:190px !important;
  min-width:190px !important;
}

.result-table th.col-customs,
.result-table td.col-customs{
  width:175px !important;
  min-width:175px !important;
}

.result-table th.col-delivery-status,
.result-table td.col-delivery-status{
  width:170px !important;
  min-width:170px !important;
}

.result-table th.col-delivery,
.result-table td.col-delivery{
  width:112px !important;
  min-width:112px !important;
}

.result-table th.col-copy,
.result-table td.col-copy{
  width:190px !important;
  min-width:190px !important;
}

.result-table th.col-memo,
.result-table td.col-memo{
  width:180px !important;
  min-width:180px !important;
}

.result-table th.col-save,
.result-table td.col-save{
  width:120px !important;
  min-width:120px !important;
}

.result-table thead th{
  height:44px !important;
  padding:0 14px !important;
  vertical-align:middle !important;
}

.result-table tbody td{
  padding:8px 14px !important;
  height:36px !important;
  vertical-align:middle !important;
}

.bl-primary,
.result-table .col-bl .bl-detail-btn{
  display:inline-flex !important;
  align-items:center !important;
  min-height:22px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--cx-text) !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}

.tracking-primary,
.tracking-primary .tracking-plain{
  display:block !important;
  color:var(--cx-text) !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

.tracking-secondary,
.tracking-secondary .carrier-name{
  display:block !important;
  min-height:16px !important;
  margin-top:2px !important;
  color:var(--cx-text-3) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}

.customs-status-stack,
.delivery-status-stack,
.row-save-stack{
  display:grid !important;
  align-content:center !important;
  justify-items:start !important;
  gap:4px !important;
}

.delivery-status-time,
.customs-status-stack .cell-sub{
  margin-top:0 !important;
  color:var(--cx-text-3) !important;
  font-size:11px !important;
}

.result-status-cell{
  display:flex !important;
  align-items:center !important;
  min-height:40px !important;
}

.result-status-button{
  display:inline-flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  cursor:pointer !important;
}

.row-summary-text{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--cx-text-2) !important;
  font-size:13px !important;
  line-height:1.45 !important;
  text-align:left !important;
  cursor:pointer !important;
}

.label-pill.label-auto{
  background:#fff7ed !important;
  border-color:#fdba74 !important;
  color:#c2410c !important;
}

.label-pill.label-muted{
  background:#f3f4f6 !important;
  border-color:#d1d5db !important;
  color:#6b7280 !important;
}

.label-pill.label-pending{
  background:#fff7ed !important;
  border-color:#fdba74 !important;
  color:#c2410c !important;
}

.memo-input,
.remong-row-memo{
  width:100% !important;
  height:28px !important;
  min-height:28px !important;
  padding:4px 8px !important;
  border-radius:8px !important;
  border:1px solid #ddd !important;
  background:#fff !important;
  font-size:12px !important;
  line-height:1.4 !important;
  overflow:hidden !important;
  box-shadow:none !important;
  appearance:none !important;
  resize:none !important;
}

.memo-input:focus,
.remong-row-memo:focus{
  border-color:#93c5fd !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.10) !important;
}

.row-save-flag{
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  font-size:11px !important;
  color:var(--cx-text-3) !important;
}

.row-save-btn{
  width:60px !important;
  min-width:60px !important;
  height:28px !important;
  font-size:11px !important;
}

.row-save-flag.is-saved{
  color:var(--cx-green) !important;
}

.row-save-btn.is-delete{
  width:52px !important;
}

.table-foot,
.rtable-footer{
  color:var(--cx-text-2) !important;
  font-size:12px !important;
  font-weight:600 !important;
}

.workspace{
  margin-bottom:0 !important;
}

.result-zone-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.rtable-pagination{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  flex-wrap:wrap !important;
}

.rtable-empty{
  padding:28px 16px !important;
  color:var(--cx-text-3) !important;
  text-align:center !important;
}

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

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

  .result-toolbar{
    grid-template-columns:1fr !important;
  }

  .result-period-group{
    width:100% !important;
    justify-content:flex-start !important;
  }

  .result-period-inputs{
    flex-wrap:wrap !important;
  }

  .search-wrap{
    max-width:none !important;
    min-width:0 !important;
  }
}

@media (max-width:720px){
  .page,
  .pg-container.page,
  .tnav-inner.header-inner{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .summary-zone.kpi-row,
  .ops-grid,
  .single-row{
    grid-template-columns:1fr !important;
  }

  .card-head,
  .result-toolbar,
  .filter-row,
  .table-foot{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .filter-right{
    margin-left:0 !important;
  }

  #bl-summary-popup .bl-modal-panel{
    top:10px !important;
    width:calc(100% - 20px) !important;
    max-height:calc(100vh - 20px) !important;
    border-radius:14px !important;
  }

  #bl-summary-popup .bl-modal-title{
    font-size:20px !important;
  }

  #bl-summary-popup .bl-summary-row{
    font-size:15px !important;
  }

  #bl-summary-popup .bl-summary-textbox{
    min-height:124px !important;
    font-size:12.5px !important;
  }

  .result-toolbar.result-toolbar-step2,
  .result-toolbar-left,
  .result-toolbar-right{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .result-toolbar-right .result-search-field,
  .result-toolbar-right .filter-sel{
    width:100% !important;
    min-width:0 !important;
  }
}

/* Result table UX correction overrides */
.result-toolbar-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
}

.result-period-group{
  gap:6px !important;
}

.result-period-inputs{
  gap:4px !important;
}

.result-date-input{
  width:168px !important;
  min-width:168px !important;
}

.result-toolbar-right .result-search-field{
  width:208px !important;
  min-width:208px !important;
  flex:0 1 208px !important;
}

.result-toolbar-right .filter-sel:not(.result-date-input){
  width:102px !important;
  min-width:102px !important;
}

#r-status-filter-visible{
  width:114px !important;
  min-width:114px !important;
}

.result-toolbar-right .result-date-input{
  width:156px !important;
  min-width:156px !important;
}

.result-table th.col-select,
.result-table td.col-select{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  padding:0 6px 0 6px !important;
  box-sizing:border-box !important;
  text-align:left !important;
  vertical-align:middle !important;
}

.result-table th:first-child,
.result-table td:first-child{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  padding:0 6px 0 6px !important;
  box-sizing:border-box !important;
  text-align:left !important;
}

.result-check-wrap{
  width:100% !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  box-sizing:border-box !important;
  padding-left:6px !important;
  padding-right:6px !important;
}

#r-select-all{
  display:block !important;
  margin:0 6px !important;
}

.result-table input[type="checkbox"]{
  display:block !important;
  margin:0 !important;
}

.result-table th.col-bl,
.result-table td.col-bl{
  width:166px !important;
  min-width:166px !important;
  padding-left:4px !important;
}

.result-table th.col-tracking,
.result-table td.col-tracking{
  width:190px !important;
  min-width:190px !important;
  padding-left:8px !important;
}

.result-table th.col-customs,
.result-table td.col-customs{
  width:150px !important;
  min-width:150px !important;
}

.result-table th.col-delivery-status,
.result-table td.col-delivery-status{
  width:140px !important;
  min-width:140px !important;
}

.result-table th.col-delivery,
.result-table td.col-delivery{
  width:210px !important;
  min-width:210px !important;
}

.result-table th.col-copy,
.result-table td.col-copy{
  width:70px !important;
  min-width:70px !important;
}

.result-table th.col-memo,
.result-table td.col-memo{
  width:248px !important;
  min-width:248px !important;
}

.result-table th.col-save,
.result-table td.col-save{
  width:90px !important;
  min-width:90px !important;
}

.result-table td.col-copy,
.result-table td.col-save{
  text-align:center !important;
}

.result-table thead th.col-copy,
.result-table thead th.col-save{
  text-align:center !important;
}

.result-table thead th.col-copy .rth-label,
.result-table thead th.col-save .rth-label{
  display:inline-flex !important;
  width:100% !important;
  justify-content:center !important;
}

.result-table thead th{
  padding:0 12px !important;
}

.result-table tbody tr{
  height:58px !important;
}

.result-table tbody td{
  padding:10px 12px !important;
  vertical-align:middle !important;
}

.result-table thead th:not(:first-child){
  padding-left:2px !important;
}

.result-table tbody td:not(:first-child){
  padding-left:2px !important;
}

.result-table thead th.col-bl{
  padding-left:4px !important;
}

.result-table tbody td.col-bl{
  padding-left:4px !important;
}

.result-table thead th.col-bl .rsort-btn{
  transform:none !important;
}

.result-table tbody td.col-bl .bl-detail-btn,
.result-table tbody td.col-bl .bl-primary{
  transform:none !important;
}

.result-table td.col-copy{
  padding-left:4px !important;
  padding-right:4px !important;
}

.result-table td.col-memo{
  padding-left:10px !important;
  padding-right:10px !important;
}

.result-table td.col-save{
  padding-left:8px !important;
  padding-right:8px !important;
}

.result-status-cell{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
}

.row-summary-text{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:24px !important;
  padding:0 1px !important;
  border:1px solid #d7e0ef !important;
  border-radius:8px !important;
  background:#f8fbff !important;
  color:#335c9f !important;
  font-size:8.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-0.06em !important;
  text-align:center !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  text-decoration:none !important;
}

.row-summary-text:hover{
  border-color:#bfd2f8 !important;
  background:#eef4ff !important;
  color:#1d4ed8 !important;
}

.memo-input,
.remong-row-memo{
  width:100% !important;
  min-width:220px !important;
  height:30px !important;
  min-height:30px !important;
  padding:4px 10px !important;
}

.row-save-flag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:52px !important;
  min-height:24px !important;
  padding:0 8px !important;
  border:1px solid #d9dee7 !important;
  border-radius:999px !important;
  background:#f3f4f6 !important;
  color:#6b7280 !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

.row-save-stack{
  display:grid !important;
  justify-items:center !important;
  width:100% !important;
  gap:0 !important;
}

.row-save-flag.is-saved{
  background:#ecfdf3 !important;
  border-color:#a7f3d0 !important;
  color:#047857 !important;
}

.row-save-flag.is-unsaved{
  display:none !important;
}

.result-table td button{
  margin-right:6px !important;
}

.result-table td button:last-child{
  margin-right:0 !important;
}

@media (max-width:720px){
  .result-toolbar-right{
    align-items:stretch !important;
  }

  .result-toolbar-right .result-search-field,
  .result-toolbar-right .filter-sel{
    width:100% !important;
    min-width:0 !important;
  }
}

/* Final width lock for result table */
.rtable.result-table,
#result-table.result-table{
  width:100% !important;
  min-width:1184px !important;
  max-width:none !important;
  table-layout:fixed !important;
}

.result-table col.col-select{width:48px !important;}
.result-table col.col-bl{width:166px !important;}
.result-table col.col-tracking{width:190px !important;}
.result-table col.col-customs{width:150px !important;}
.result-table col.col-delivery-status{width:140px !important;}
.result-table col.col-delivery{width:210px !important;}
.result-table col.col-copy{width:70px !important;}
.result-table col.col-memo{width:248px !important;}
.result-table col.col-save{width:90px !important;}

.result-table thead th:nth-child(1),
.result-table tbody td:nth-child(1){width:48px !important;min-width:48px !important;max-width:48px !important;}
.result-table thead th:nth-child(2),
.result-table tbody td:nth-child(2){width:166px !important;min-width:166px !important;}
.result-table thead th:nth-child(3),
.result-table tbody td:nth-child(3){width:190px !important;min-width:190px !important;}
.result-table thead th:nth-child(4),
.result-table tbody td:nth-child(4){width:150px !important;min-width:150px !important;}
.result-table thead th:nth-child(5),
.result-table tbody td:nth-child(5){width:140px !important;min-width:140px !important;}
.result-table thead th:nth-child(6),
.result-table tbody td:nth-child(6){width:210px !important;min-width:210px !important;}
.result-table thead th:nth-child(7),
.result-table tbody td:nth-child(7){width:70px !important;min-width:70px !important;}
.result-table thead th:nth-child(8),
.result-table tbody td:nth-child(8){width:248px !important;min-width:248px !important;}
.result-table thead th:nth-child(9),
.result-table tbody td:nth-child(9){width:90px !important;min-width:90px !important;}

html,
body,
button,
input,
select,
textarea,
table,
th,
td,
.page,
.pg-container,
.card,
.btn,
.filter-sel,
.search-input,
.result-table,
.result-table *{
  font-family:"Malgun Gothic","맑은 고딕",sans-serif !important;
}

.result-toolbar .result-title{
  font-family:"Malgun Gothic","맑은 고딕",sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
  color:#475467 !important;
}

.result-table thead .rsort-btn{
  color:#475467 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

.result-table .col-bl .bl-detail-btn,
.result-table .col-bl .bl-detail-btn:link,
.result-table .col-bl .bl-detail-btn:visited,
.result-table .col-bl .bl-detail-btn:hover,
.result-table .col-bl .bl-detail-btn:active,
.result-table .col-bl .bl-primary{
  color:#101828 !important;
}

/* Result center toolbar final override */
.result-zone-card .result-toolbar.result-toolbar-step2{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:12px !important;
}

.result-zone-card .result-toolbar-row-top{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.result-zone-card .result-toolbar-left-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

.result-zone-card .action-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.result-zone-card .right-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:auto !important;
}

.result-zone-card .result-toolbar-meta{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-right:2px !important;
}

.result-zone-card .result-title{
  font-size:14px !important;
  font-weight:800 !important;
  color:#374151 !important;
  letter-spacing:-0.02em !important;
}

.result-zone-card .sel-count{
  font-size:13px !important;
  font-weight:700 !important;
  color:#6b7280 !important;
}

.result-zone-card #r-result-refresh-now-btn{
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  border:1px solid #dde3ec !important;
  background:#fff !important;
  color:#667085 !important;
  box-shadow:none !important;
}

.result-zone-card #r-result-refresh-now-btn svg{
  width:18px !important;
  height:18px !important;
  stroke-width:2.4 !important;
  display:block !important;
}

.result-zone-card #r-result-refresh-wrap{
  display:inline-flex !important;
  align-items:center !important;
  position:relative !important;
  margin-left:-2px !important;
}

.result-zone-card #r-result-refresh-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:64px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  border:1px solid #dde3ec !important;
  background:#fff !important;
  color:#475467 !important;
  box-shadow:none !important;
}

.result-zone-card .refresh-select-caret{
  color:#98a2b3 !important;
}

.result-zone-card .result-last-refresh{
  display:inline-flex !important;
  align-items:center !important;
  height:36px !important;
  padding:0 2px 0 4px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#667085 !important;
  white-space:nowrap !important;
}

.result-zone-card .result-last-refresh strong{
  font-weight:800 !important;
  color:#475467 !important;
}

.result-zone-card .action-group .btn,
.result-zone-card .right-group .btn{
  height:36px !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Result center terminal measurement lock */
.result-zone-card #r-result-refresh-now-btn{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  appearance:none !important;
}

.result-zone-card #r-result-refresh-btn{
  min-width:68px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  appearance:none !important;
}

.result-zone-card .result-toolbar-right .result-search-field{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-control-row #r-status-filter-visible,
.result-zone-card .result-toolbar-right #r-status-filter-visible{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}

/* CargoX header final lock */
.topbar.tnav.header{
  height:56px !important;
  min-height:56px !important;
  background:#ffffff !important;
  border-bottom:1px solid #e5e7eb !important;
}

.topbar .topbar-inner,
.pg-container.page,
.pg-container,
.page{
  max-width:1800px !important;
  width:100% !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

.topbar .topbar-inner{
  height:56px !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.topbar .brand-logo{
  height:40px !important;
}

.topbar .top-actions{
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
}

.topbar .status-live{
  display:inline-flex !important;
  align-items:center !important;
  padding:4px 10px !important;
  border-radius:14px !important;
  background:#e8f1ff !important;
  color:#2563eb !important;
}

.topbar .tnav-link,
.topbar .tnav-user-btn,
.topbar .tnav-user-name{
  font-size:14px !important;
  color:#475569 !important;
}

@media (max-width:720px){
  .topbar .topbar-inner,
  .pg-container.page,
  .pg-container,
  .page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .topbar .brand-logo{
    height:34px !important;
  }
}

/* CargoX top header refresh */
.topbar.tnav.header{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  background:#f6f7fb !important;
  border-bottom:1px solid #e5e7eb !important;
  box-shadow:none !important;
}

.topbar .topbar-inner{
  max-width:1800px !important;
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 auto !important;
  padding:0 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}

.topbar .brand{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  flex:0 0 auto !important;
}

.topbar .brand-logo{
  display:block !important;
  height:36px !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.topbar .top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:20px !important;
  min-width:0 !important;
  margin-left:auto !important;
}

.topbar .status-live{
  display:inline-flex !important;
  align-items:center !important;
  height:28px !important;
  padding:4px 10px !important;
  border-radius:14px !important;
  background:#e8f1ff !important;
  color:#2563eb !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.topbar .status-live .tnav-status-time{
  color:#2563eb !important;
  font-weight:700 !important;
}

.topbar .tnav-link,
.topbar .tnav-user-btn,
.topbar .tnav-user-name{
  color:#475569 !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
}

.topbar .tnav-link{
  display:inline-flex !important;
  align-items:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.topbar .tnav-link:hover,
.topbar .tnav-user-btn:hover,
.topbar .tnav-user-btn:focus-visible{
  color:#111827 !important;
  background:transparent !important;
}

.topbar .tnav-user-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}

.topbar .tnav-user-btn{
  display:inline-flex !important;
  align-items:center !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

.topbar .tnav-user-btn svg,
.topbar .tnav-avatar{
  display:none !important;
}

.topbar .tnav-user-dropdown{
  top:calc(100% + 10px) !important;
  right:0 !important;
  min-width:170px !important;
  border:1px solid #e5e7eb !important;
  border-radius:12px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.12) !important;
}

.topbar .tnav-dd-header{
  border-bottom:1px solid #eef2f7 !important;
}

.pg-container.page,
.pg-container,
.page{
  max-width:1800px !important;
  width:100% !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

@media (max-width:900px){
  .topbar .top-actions{
    gap:14px !important;
  }

  .topbar .status-live{
    font-size:13px !important;
  }
}

@media (max-width:720px){
  .topbar .topbar-inner,
  .pg-container.page,
  .pg-container,
  .page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .topbar .brand-logo{
    height:32px !important;
  }

  .topbar .top-actions{
    gap:12px !important;
  }

  .topbar .status-live{
    display:none !important;
  }
}

/* Result center hidden-state and filter width lock */
.result-zone-card .result-center-shell > [hidden],
.result-zone-card .upload-stats-card[hidden],
.result-zone-card .result-notice-box[hidden],
.result-zone-card .result-process-card[hidden]{
  display:none !important;
}

.result-zone-card .result-filter-row #r-status-filter-visible{
  width:114px !important;
  min-width:114px !important;
}

.result-zone-card .result-filter-row #r-save-filter,
.result-zone-card .result-filter-row #r-memo-filter{
  width:110px !important;
  min-width:110px !important;
}

/* Result center toolbar regroup final */
.result-zone-card .result-header-left{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.result-zone-card .result-header-refresh-group{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-left:16px !important;
  flex-wrap:wrap !important;
}

.result-zone-card .result-control-row{
  min-height:40px !important;
  padding:8px 16px 12px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #eef2f6 !important;
}

.result-zone-card .result-control-left,
.result-zone-card .result-control-right{
  display:flex !important;
  align-items:center !important;
}

.result-zone-card .result-control-right{
  gap:10px !important;
  margin-left:auto !important;
}

/* Result center full layout rebuild */
.result-zone-card{
  overflow:hidden !important;
}

.result-zone-card .result-center-shell{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:0 !important;
}

.result-zone-card .result-header-row{
  min-height:44px !important;
  padding:16px 16px 10px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  border-bottom:1px solid #e9edf4 !important;
}

.result-zone-card .result-header-left{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card .result-header-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:auto !important;
}

.result-zone-card .result-header-actions .btn{
  height:36px !important;
  min-height:36px !important;
  padding:0 14px !important;
}

.result-zone-card .result-control-row{
  min-height:40px !important;
  margin-top:8px !important;
  padding:0 16px 10px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #eef2f6 !important;
}

.result-zone-card .result-control-left,
.result-zone-card .result-control-right{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.result-zone-card .result-filter-row{
  min-height:40px !important;
  padding:0 16px 12px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #eef2f6 !important;
}

.result-zone-card .result-filter-left,
.result-zone-card .result-filter-right{
  display:flex !important;
  align-items:center !important;
}

.result-zone-card .result-filter-right{
  gap:10px !important;
  margin-left:auto !important;
}

.result-zone-card .result-period-group{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.result-zone-card .result-period-inputs{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card .result-date-input{
  width:168px !important;
  min-width:168px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
}

.result-zone-card .result-search-field{
  width:280px !important;
  min-width:280px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
}

.result-zone-card #r-search-input,
.result-zone-card #r-status-filter-visible{
  height:36px !important;
  min-height:36px !important;
}

.result-zone-card .result-stats-grid,
.result-zone-card .result-progress-grid,
.result-zone-card .result-notice-grid{
  margin:0 16px 12px 16px !important;
}

.result-zone-card .result-notice-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:12px !important;
}

.result-zone-card .result-progress-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}

.result-zone-card .result-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}

.result-zone-card .result-table-section{
  display:flex !important;
  flex-direction:column !important;
}

.result-zone-card .rtable-wrap{
  overflow-x:hidden !important;
  overflow-y:visible !important;
}

.result-zone-card .result-table{
  width:100% !important;
  table-layout:fixed !important;
}

.result-zone-card .result-table col.col-select{width:36px !important;}
.result-zone-card .result-table col.col-bl{width:150px !important;}
.result-zone-card .result-table col.col-tracking{width:176px !important;}
.result-zone-card .result-table col.col-customs{width:150px !important;}
.result-zone-card .result-table col.col-delivery-status{width:138px !important;}
.result-zone-card .result-table col.col-dwell{width:148px !important;}
.result-zone-card .result-table col.col-flags{width:178px !important;}
.result-zone-card .result-table col.col-copy{width:92px !important;}
.result-zone-card .result-table col.col-memo{width:110px !important;}
.result-zone-card .result-table col.col-save{width:90px !important;}

.result-zone-card #result-table thead tr{
  height:46px !important;
}

.result-zone-card #result-table thead th{
  height:46px !important;
  font-size:12px !important;
  vertical-align:middle !important;
  padding:0 10px !important;
}

.result-zone-card #result-table tbody tr{
  min-height:68px !important;
}

.result-zone-card #result-table tbody td{
  padding:10px 10px !important;
  vertical-align:middle !important;
}

.result-zone-card #result-table th.col-select,
.result-zone-card #result-table td.col-select{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  padding:0 !important;
  text-align:center !important;
}

.result-zone-card #r-select-all,
.result-zone-card .result-row-checkbox{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  border-radius:4px !important;
}

.result-zone-card .row-summary-text,
.result-zone-card .memo-open-btn,
.result-zone-card .row-save-flag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  line-height:1 !important;
}

.result-zone-card .dwell-main{
  font-size:12px !important;
  font-weight:700 !important;
  color:#475467 !important;
  line-height:1.45 !important;
}

.result-zone-card .rtable-footer{
  height:44px !important;
  min-height:44px !important;
  padding:12px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

@media (max-width:1180px){
  .result-zone-card .result-header-row,
  .result-zone-card .result-control-row,
  .result-zone-card .result-filter-row{
    flex-wrap:wrap !important;
  }

  .result-zone-card .result-filter-right,
  .result-zone-card .result-header-actions{
    margin-left:0 !important;
  }
}

@media (max-width:900px){
  .result-zone-card .result-notice-grid,
  .result-zone-card .result-progress-grid,
  .result-zone-card .result-stats-grid{
    grid-template-columns:1fr !important;
  }
}

/* Result center rework terminal lock */
.result-zone-card .result-toolbar-row-top{
  min-height:44px !important;
  height:auto !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #e6ebf2 !important;
}

.result-zone-card .result-toolbar-row-bottom{
  min-height:44px !important;
  height:auto !important;
  margin-top:12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #edf1f6 !important;
}

.result-zone-card .result-notice-box{
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  padding:12px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-notice-temp{
  background:linear-gradient(180deg,#fff8e8 0%,#fffdf7 100%) !important;
  border:1px solid #f7dca3 !important;
}

.result-zone-card .result-notice-plan{
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%) !important;
  border:1px solid #c7d7fb !important;
}

.result-zone-card .result-notice-title{
  font-size:12px !important;
  font-weight:800 !important;
  color:#344054 !important;
}

.result-zone-card .result-notice-sub{
  font-size:12px !important;
  font-weight:600 !important;
  color:#667085 !important;
  line-height:1.2 !important;
}

.result-zone-card .result-process-card{
  height:68px !important;
  min-height:68px !important;
  max-height:68px !important;
  padding:12px 14px !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  border:1px solid #dfe6f0 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
}

.result-zone-card .result-process-value{
  font-size:20px !important;
  font-weight:800 !important;
}

.result-zone-card .upload-stats-panel{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.result-zone-card .upload-stats-card{
  height:88px !important;
  min-height:88px !important;
  max-height:88px !important;
  padding:14px !important;
  box-sizing:border-box !important;
}

.result-zone-card #result-table tbody tr{
  min-height:68px !important;
}

.result-zone-card #result-table tbody td{
  padding:10px 10px !important;
}

.result-zone-card .row-summary-text,
.result-zone-card .memo-open-btn,
.result-zone-card .row-save-flag{
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}

.result-zone-card .rtable-footer{
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:12px 16px !important;
  box-sizing:border-box !important;
}

.result-zone-card #result-selection-bar #r-result-refresh-now-btn,
.result-zone-card #result-selection-bar #r-result-refresh-btn{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
}

.result-zone-card #result-selection-bar #r-result-refresh-now-btn{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  padding:0 !important;
}

.result-zone-card #result-selection-bar #r-result-refresh-btn{
  min-width:68px !important;
  padding:0 12px !important;
}

/* Result center rework final lock */
.result-zone-card .result-toolbar.result-toolbar-step2{
  padding:16px !important;
  gap:0 !important;
}

.result-zone-card .result-toolbar-row-top{
  min-height:44px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #e6ebf2 !important;
}

.result-zone-card .result-toolbar-left-group{
  gap:12px !important;
}

.result-zone-card .result-toolbar-meta{
  gap:8px !important;
  padding-right:4px !important;
}

.result-zone-card #result-selection-bar #r-result-refresh-now-btn{
  margin-left:16px !important;
}

.result-zone-card .action-group{
  margin-left:auto !important;
  padding-left:20px !important;
  border-left:1px solid #e6ebf2 !important;
}

.result-zone-card .right-group{
  padding-left:12px !important;
}

.result-zone-card .result-toolbar-row-bottom{
  min-height:44px !important;
  margin-top:12px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #edf1f6 !important;
}

.result-zone-card .result-notice-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  margin:0 16px 12px 16px !important;
}

.result-zone-card .result-notice-box{
  height:52px !important;
  min-height:52px !important;
  padding:12px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:3px !important;
  border-radius:12px !important;
}

.result-zone-card .result-notice-temp{
  background:linear-gradient(180deg,#fff8e8 0%,#fffdf7 100%) !important;
  border:1px solid #f7dca3 !important;
}

.result-zone-card .result-notice-plan{
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%) !important;
  border:1px solid #c7d7fb !important;
}

.result-zone-card .result-notice-title{
  font-size:12px !important;
  font-weight:800 !important;
  color:#344054 !important;
  line-height:1.1 !important;
}

.result-zone-card .result-notice-sub{
  font-size:12px !important;
  font-weight:600 !important;
  color:#667085 !important;
  line-height:1.2 !important;
}

.result-zone-card .result-process-grid{
  margin:0 16px 12px 16px !important;
}

.result-zone-card .result-process-card{
  height:68px !important;
  min-height:68px !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  border:1px solid #dfe6f0 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
}

.result-zone-card .result-process-label{
  font-size:12px !important;
  font-weight:800 !important;
  color:#667085 !important;
}

.result-zone-card .result-process-value{
  font-size:20px !important;
  font-weight:800 !important;
  color:#111827 !important;
}

.result-zone-card .result-process-sub{
  font-size:12px !important;
  font-weight:600 !important;
  color:#667085 !important;
}

.result-zone-card .upload-stats-panel{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 16px 12px 16px !important;
}

.result-zone-card .upload-stats-card{
  height:88px !important;
  min-height:88px !important;
  padding:14px !important;
  border-radius:14px !important;
}

.result-zone-card .upload-stats-title{
  margin-bottom:8px !important;
}

.result-zone-card #result-table tbody tr{
  min-height:68px !important;
}

.result-zone-card #result-table tbody td{
  padding:10px 10px !important;
}

.result-zone-card .row-summary-text,
.result-zone-card .memo-open-btn,
.result-zone-card .row-save-flag{
  height:30px !important;
  min-height:30px !important;
  border-radius:10px !important;
  padding:0 12px !important;
}

.result-zone-card .row-save-flag{
  min-width:58px !important;
}

.result-zone-card .dwell-main{
  color:#475467 !important;
}

.result-zone-card .rtable-footer{
  height:44px !important;
  min-height:44px !important;
  padding:12px 16px !important;
}

@media (max-width:1180px){
  .result-zone-card .action-group{
    margin-left:0 !important;
    padding-left:0 !important;
    border-left:0 !important;
  }
}

/* Result center memo/dwell/flags final override */
.result-zone-card .upload-stats-panel{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:14px 16px 0 !important;
}

.result-zone-card .upload-stats-card{
  border:1px solid #e5eaf2 !important;
  border-radius:14px !important;
  background:#fbfcff !important;
  padding:14px 15px !important;
  box-shadow:0 4px 10px rgba(15,23,42,.03) !important;
}

.result-zone-card .upload-stats-title{
  font-size:12px !important;
  font-weight:800 !important;
  color:#4b5563 !important;
  margin-bottom:7px !important;
}

.result-zone-card .upload-stats-body{
  font-size:13px !important;
  line-height:1.6 !important;
  color:#667085 !important;
  word-break:keep-all !important;
}

.result-zone-card .rtable-wrap{
  width:100% !important;
  overflow-x:auto !important;
}

.result-zone-card .result-table{
  width:100% !important;
  min-width:1504px !important;
}

.result-zone-card .result-table col.col-select{width:48px !important;}
.result-zone-card .result-table col.col-bl{width:156px !important;}
.result-zone-card .result-table col.col-tracking{width:178px !important;}
.result-zone-card .result-table col.col-customs{width:156px !important;}
.result-zone-card .result-table col.col-delivery-status{width:144px !important;}
.result-zone-card .result-table col.col-dwell{width:118px !important;}
.result-zone-card .result-table col.col-delivery{width:96px !important;}
.result-zone-card .result-table col.col-flags{width:204px !important;}
.result-zone-card .result-table col.col-copy{width:92px !important;}
.result-zone-card .result-table col.col-memo{width:128px !important;}
.result-zone-card .result-table col.col-save{width:96px !important;}

.result-zone-card .result-table thead th:nth-child(1),
.result-zone-card .result-table tbody td:nth-child(1){width:48px !important;min-width:48px !important;max-width:48px !important;}
.result-zone-card .result-table thead th:nth-child(2),
.result-zone-card .result-table tbody td:nth-child(2){width:156px !important;min-width:156px !important;}
.result-zone-card .result-table thead th:nth-child(3),
.result-zone-card .result-table tbody td:nth-child(3){width:178px !important;min-width:178px !important;}
.result-zone-card .result-table thead th:nth-child(4),
.result-zone-card .result-table tbody td:nth-child(4){width:156px !important;min-width:156px !important;}
.result-zone-card .result-table thead th:nth-child(5),
.result-zone-card .result-table tbody td:nth-child(5){width:144px !important;min-width:144px !important;}
.result-zone-card .result-table thead th:nth-child(6),
.result-zone-card .result-table tbody td:nth-child(6){width:118px !important;min-width:118px !important;}
.result-zone-card .result-table thead th:nth-child(7),
.result-zone-card .result-table tbody td:nth-child(7){width:96px !important;min-width:96px !important;}
.result-zone-card .result-table thead th:nth-child(8),
.result-zone-card .result-table tbody td:nth-child(8){width:204px !important;min-width:204px !important;}
.result-zone-card .result-table thead th:nth-child(9),
.result-zone-card .result-table tbody td:nth-child(9){width:92px !important;min-width:92px !important;}
.result-zone-card .result-table thead th:nth-child(10),
.result-zone-card .result-table tbody td:nth-child(10){width:128px !important;min-width:128px !important;}
.result-zone-card .result-table thead th:nth-child(11),
.result-zone-card .result-table tbody td:nth-child(11){width:96px !important;min-width:96px !important;}

.result-zone-card .result-table th.col-dwell,
.result-zone-card .result-table td.col-dwell,
.result-zone-card .result-table th.col-flags,
.result-zone-card .result-table td.col-flags{
  text-align:left !important;
}

.result-zone-card .dwell-main{
  font-size:13px !important;
  font-weight:800 !important;
  color:#111827 !important;
}

.result-zone-card .dwell-sub{
  margin-top:4px !important;
  font-size:11px !important;
  color:#98a2b3 !important;
}

.result-zone-card .risk-flag-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}

.result-zone-card .risk-flag{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
  border:1px solid transparent !important;
}

.result-zone-card .risk-flag-warn{
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  color:#c2410c !important;
}

.result-zone-card .risk-flag-info{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#1d4ed8 !important;
}

.result-zone-card .risk-flag-muted{
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
  color:#94a3b8 !important;
}

.result-zone-card .memo-open-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:34px !important;
  padding:0 12px !important;
  border:1px solid #d7e0ef !important;
  border-radius:10px !important;
  background:#ffffff !important;
  color:#475467 !important;
  font-size:12px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.result-zone-card .memo-open-btn:hover{
  background:#f8fbff !important;
  border-color:#cbd5e1 !important;
  color:#344054 !important;
}

.memo-modal .memo-modal-panel{
  width:min(860px,calc(100vw - 40px)) !important;
  max-height:calc(100vh - 40px) !important;
  overflow:auto !important;
}

.memo-modal .memo-modal-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;
  gap:14px !important;
  padding:16px 20px 12px !important;
}

.memo-modal .memo-summary-card,
.memo-modal .memo-editor-card,
.memo-modal .memo-history-card{
  border:1px solid #e5eaf2 !important;
  border-radius:14px !important;
  background:#fbfcff !important;
  padding:14px !important;
}

.memo-modal .memo-summary-card{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.memo-modal .memo-summary-row{
  border:1px solid #edf2f7 !important;
  border-radius:12px !important;
  background:#fff !important;
  padding:12px !important;
}

.memo-modal .memo-summary-label{
  font-size:11px !important;
  font-weight:700 !important;
  color:#98a2b3 !important;
  margin-bottom:6px !important;
}

.memo-modal .memo-summary-value{
  font-size:14px !important;
  font-weight:700 !important;
  color:#111827 !important;
  word-break:break-word !important;
}

.memo-modal .memo-section-title{
  font-size:13px !important;
  font-weight:800 !important;
  color:#344054 !important;
  margin-bottom:10px !important;
}

.memo-modal .memo-modal-input{
  width:100% !important;
  min-height:132px !important;
  border:1px solid #d9e0ea !important;
  border-radius:12px !important;
  background:#fff !important;
  padding:12px 14px !important;
  font:inherit !important;
  line-height:1.55 !important;
  resize:vertical !important;
}

.memo-modal .memo-modal-input:focus{
  border-color:#b9c4d4 !important;
  box-shadow:0 0 0 3px rgba(99,102,241,.08) !important;
}

.memo-modal .memo-history-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  max-height:220px !important;
  overflow:auto !important;
}

.memo-modal .memo-history-item{
  border:1px solid #edf2f7 !important;
  border-radius:12px !important;
  background:#fff !important;
  padding:12px 13px !important;
}

.memo-modal .memo-history-date{
  font-size:11px !important;
  font-weight:700 !important;
  color:#98a2b3 !important;
  margin-bottom:6px !important;
}

.memo-modal .memo-history-text{
  font-size:13px !important;
  line-height:1.55 !important;
  color:#344054 !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
}

.memo-modal .memo-history-empty{
  border:1px dashed #d8dee9 !important;
  border-radius:12px !important;
  padding:18px 14px !important;
  text-align:center !important;
  color:#98a2b3 !important;
  font-size:12px !important;
}

.memo-modal .memo-modal-foot{
  padding:0 20px 18px !important;
}

@media (max-width:1080px){
  .result-zone-card .upload-stats-panel{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:820px){
  .memo-modal .memo-modal-layout{
    grid-template-columns:1fr !important;
  }

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

@media (max-width:640px){
  .result-zone-card .upload-stats-panel{
    grid-template-columns:1fr !important;
  }

  .memo-modal .memo-summary-card{
    grid-template-columns:1fr !important;
  }
}

/* Result center numeric lock override */
.result-zone-card{
  overflow-x:hidden !important;
}

.result-zone-card .result-toolbar.result-toolbar-step2{
  padding:16px 16px 12px 16px !important;
  gap:0 !important;
}

.result-zone-card .result-toolbar-row-top{
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.result-zone-card .result-toolbar-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.result-zone-card .result-toolbar-meta{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:36px !important;
}

.result-zone-card #r-result-refresh-now-btn{
  margin-left:16px !important;
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
}

.result-zone-card #r-result-refresh-now-btn svg{
  width:20px !important;
  height:20px !important;
}

.result-zone-card #r-result-refresh-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card #r-result-refresh-btn,
.result-zone-card .action-group .btn,
.result-zone-card .right-group .btn{
  height:36px !important;
  min-height:36px !important;
  padding:0 14px !important;
}

.result-zone-card #r-result-refresh-btn{
  min-width:68px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

.result-zone-card .result-refresh-meta,
.result-zone-card .result-refresh-time{
  height:36px !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
}

.result-zone-card .result-refresh-time{
  padding:0 10px !important;
  border-radius:10px !important;
  background:#f8fafc !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#6b7280 !important;
}

.result-zone-card .action-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card .right-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:auto !important;
}

.result-zone-card .result-toolbar-row-bottom{
  min-height:40px !important;
  margin-top:12px !important;
  padding:0 0 12px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.result-zone-card .result-toolbar-bottom-left,
.result-zone-card .result-toolbar-right{
  display:flex !important;
  align-items:center !important;
}

.result-zone-card .result-period-group{
  gap:0 !important;
}

.result-zone-card .result-period-inputs{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card .result-date-input{
  width:168px !important;
  min-width:168px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-toolbar-right{
  gap:10px !important;
}

.result-zone-card .result-search-field{
  width:280px !important;
  min-width:280px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
}

.result-zone-card #r-search-input{
  height:36px !important;
  min-height:36px !important;
  line-height:36px !important;
}

.result-zone-card .result-toolbar-right .filter-sel:not(.result-date-input){
  min-width:110px !important;
  height:36px !important;
  min-height:36px !important;
}

.result-zone-card .result-notice-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 16px 12px 16px !important;
}

.result-zone-card .result-notice-box{
  height:44px !important;
  min-height:44px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  border:1px solid #e3e8f1 !important;
  border-radius:10px !important;
  background:#f8fafc !important;
}

.result-zone-card .result-notice-text{
  font-size:12px !important;
  font-weight:600 !important;
  color:#667085 !important;
  line-height:1.4 !important;
}

.result-zone-card .result-process-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 16px 12px 16px !important;
}

.result-zone-card .result-process-card{
  height:64px !important;
  min-height:64px !important;
  padding:12px 14px !important;
  border:1px solid #e5eaf2 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-process-label{
  font-size:12px !important;
  font-weight:700 !important;
  color:#98a2b3 !important;
  margin-bottom:6px !important;
}

.result-zone-card .result-process-value{
  font-size:18px !important;
  font-weight:700 !important;
  color:#111827 !important;
  line-height:1.1 !important;
}

.result-zone-card .result-process-sub{
  font-size:12px !important;
  color:#667085 !important;
  margin-top:2px !important;
}

.result-zone-card .upload-stats-panel{
  gap:12px !important;
  margin:0 16px 12px 16px !important;
  padding:0 !important;
}

.result-zone-card .upload-stats-card{
  height:96px !important;
  min-height:96px !important;
  padding:16px !important;
  border-radius:14px !important;
  box-sizing:border-box !important;
}

.result-zone-card .upload-stats-title{
  margin-bottom:10px !important;
}

.result-zone-card .upload-stats-body{
  line-height:1.5 !important;
}

.result-zone-card .rtable-wrap{
  overflow-x:hidden !important;
  overflow-y:visible !important;
}

.result-zone-card .result-table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}

.result-zone-card .result-table col.col-select{width:36px !important;}
.result-zone-card .result-table col.col-bl{width:150px !important;}
.result-zone-card .result-table col.col-tracking{width:170px !important;}
.result-zone-card .result-table col.col-customs{width:150px !important;}
.result-zone-card .result-table col.col-delivery-status{width:138px !important;}
.result-zone-card .result-table col.col-dwell{width:128px !important;}
.result-zone-card .result-table col.col-flags{width:190px !important;}
.result-zone-card .result-table col.col-copy{width:92px !important;}
.result-zone-card .result-table col.col-memo{width:130px !important;}
.result-zone-card .result-table col.col-save{width:86px !important;}

.result-zone-card #result-table thead tr{
  height:46px !important;
}

.result-zone-card #result-table thead th{
  height:46px !important;
  font-size:12px !important;
  vertical-align:middle !important;
  padding:0 10px !important;
}

.result-zone-card #result-table tbody tr{
  min-height:72px !important;
}

.result-zone-card #result-table tbody td{
  padding:12px 10px !important;
  vertical-align:middle !important;
}

.result-zone-card .result-table th.col-select,
.result-zone-card .result-table td.col-select,
.result-zone-card .result-table th:first-child,
.result-zone-card .result-table td:first-child{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  padding:0 !important;
  text-align:center !important;
}

.result-zone-card .result-check-wrap{
  min-height:72px !important;
  justify-content:center !important;
  padding:0 !important;
}

.result-zone-card .result-check-wrap-head{
  min-height:46px !important;
  height:46px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

.result-zone-card #r-select-all,
.result-zone-card .result-row-checkbox{
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  margin:0 !important;
  border-radius:4px !important;
  box-sizing:border-box !important;
  flex:0 0 16px !important;
}

.result-zone-card .dwell-main{
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  color:#344054 !important;
}

.result-zone-card .dwell-sub{
  display:none !important;
}

.result-zone-card .row-summary-text,
.result-zone-card .memo-open-btn{
  height:32px !important;
  min-height:32px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  font-size:12px !important;
}

.result-zone-card .memo-open-btn{
  width:auto !important;
  min-width:92px !important;
}

.result-zone-card .row-summary-text{
  width:auto !important;
  min-width:78px !important;
  max-width:none !important;
}

.result-zone-card .row-save-flag{
  min-height:32px !important;
  height:32px !important;
}

.result-zone-card .rtable-footer{
  min-height:44px !important;
  height:44px !important;
  padding:12px 16px !important;
  align-items:center !important;
  box-sizing:border-box !important;
}

.result-zone-card .rtable-pagination{
  min-height:20px !important;
}

@media (max-width:1180px){
  .result-zone-card .result-toolbar-row-top,
  .result-zone-card .result-toolbar-row-bottom{
    flex-wrap:wrap !important;
  }

  .result-zone-card .result-toolbar-right{
    margin-left:0 !important;
  }
}

@media (max-width:900px){
  .result-zone-card .result-notice-grid,
  .result-zone-card .result-process-grid{
    grid-template-columns:1fr !important;
  }
}

/* Result center numeric lock fix */
.result-zone-card .result-toolbar-left #r-result-refresh-now-btn,
.result-zone-card .result-toolbar-left #r-result-refresh-btn{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-toolbar-right .result-search-field{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-toolbar-right #r-search-input{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  line-height:36px !important;
}

.result-zone-card .result-toolbar-right #r-status-filter-visible,
.result-zone-card .result-toolbar-right #r-save-filter,
.result-zone-card .result-toolbar-right #r-memo-filter{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-toolbar-row-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.result-zone-card .result-toolbar-bottom-left,
.result-zone-card .result-toolbar-right{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.result-zone-card .result-toolbar-right{
  margin-left:auto !important;
}

@media (max-width:920px){
  .result-zone-card .action-group{
    order:3 !important;
  }

  .result-zone-card .right-group{
    margin-left:0 !important;
  }
}

@media (max-width:720px){
  .result-zone-card .result-toolbar-row-top,
  .result-zone-card .result-toolbar-row-bottom{
    align-items:stretch !important;
  }

  .result-zone-card .result-toolbar-left-group,
  .result-zone-card .action-group,
  .result-zone-card .right-group,
  .result-zone-card .result-toolbar-bottom-left,
  .result-zone-card .result-toolbar-right{
    width:100% !important;
    margin-left:0 !important;
  }
}

/* Result center final override */
.result-zone-card{
  background:#fff !important;
  border:1px solid #e4e8f0 !important;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
  overflow:hidden !important;
}

.result-zone-card .result-toolbar.result-toolbar-step2{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:12px !important;
  padding:14px 16px !important;
  border-bottom:1px solid #e8ecf3 !important;
  background:#fff !important;
}

.result-zone-card .result-toolbar-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

.result-zone-card #result-selection-bar,
.result-zone-card .result-toolbar-top-right,
.result-zone-card .result-toolbar-bottom-left,
.result-zone-card .result-toolbar-right{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

.result-zone-card .result-toolbar-top-right{
  margin-left:auto !important;
}

.result-zone-card .result-toolbar-meta{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-right:2px !important;
}

.result-zone-card .result-title{
  font-size:14px !important;
  font-weight:800 !important;
  color:#374151 !important;
  letter-spacing:-0.02em !important;
}

.result-zone-card .sel-count{
  font-size:13px !important;
  font-weight:700 !important;
  color:#6b7280 !important;
}

.result-zone-card .result-last-refresh{
  font-size:12px !important;
  font-weight:600 !important;
  color:#8a94a6 !important;
  white-space:nowrap !important;
}

.result-zone-card .result-last-refresh strong{
  color:#667085 !important;
  font-weight:800 !important;
}

.result-zone-card #result-selection-bar .btn,
.result-zone-card .result-toolbar-top-right .btn,
.result-zone-card #r-result-refresh-btn{
  height:34px !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  border:1px solid #dde3ec !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.result-zone-card #r-selection-save-proxy{
  background:#c8c1ff !important;
  border-color:#c8c1ff !important;
  color:#fff !important;
}

.result-zone-card #r-selection-save-proxy:not(:disabled){
  background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%) !important;
  border-color:#3730a3 !important;
  color:#ffffff !important;
  box-shadow:0 10px 20px -12px rgba(67,56,202,.75) !important;
}

.result-zone-card #r-selection-save-proxy:hover:not(:disabled){
  background:linear-gradient(135deg,#4338ca 0%,#312e81 100%) !important;
  border-color:#312e81 !important;
}

.result-zone-card #r-selection-save-proxy:disabled{
  background:#e6e9f2 !important;
  border-color:#d6dbe6 !important;
  color:#a8b0bf !important;
  box-shadow:none !important;
  opacity:1 !important;
}

/* Result center simplified layout: remove notice/summary cards and widen content */
.pg-container.page,
.pg-container,
.page{
  max-width:1800px !important;
  width:100% !important;
  padding-left:16px !important;
  padding-right:16px !important;
}

.result-zone-card .result-notice-grid,
.result-zone-card #result-notice-grid,
.result-zone-card #result-process-grid,
.result-zone-card .result-progress-grid,
.result-zone-card .result-stats-grid,
.result-zone-card .upload-stats-panel{
  display:none !important;
}

.result-zone-card{
  width:100% !important;
  max-width:none !important;
}

.result-zone-card .result-center-shell,
.result-zone-card .result-header-row,
.result-zone-card .result-control-row,
.result-zone-card .result-table-section,
.result-zone-card .rtable-wrap,
.result-zone-card .result-table{
  width:100% !important;
  max-width:none !important;
}

.result-zone-card .result-table-section{
  margin:0 8px 0 8px !important;
}

.result-zone-card .result-control-row{
  margin-bottom:0 !important;
}

.result-zone-card .rtable-wrap{
  overflow-x:auto !important;
}

.result-zone-card #r-selection-clear-proxy{
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  color:#c2410c !important;
}

.result-zone-card #r-selection-clear-proxy:hover:not(:disabled){
  background:#ffedd5 !important;
  border-color:#fdba74 !important;
  color:#9a3412 !important;
}

.result-zone-card #r-selection-delete-proxy{
  background:#fff5f5 !important;
  border-color:#f4c9c9 !important;
  color:#e07272 !important;
}

.result-zone-card #r-download-btn{
  background:#eef6ff !important;
  border-color:#d8e6fb !important;
  color:#4d74c9 !important;
}

.result-zone-card #r-result-refresh-now-btn{
  width:36px !important;
  min-width:36px !important;
  padding:0 !important;
  border-radius:10px !important;
  background:#fff !important;
  border:1px solid #dde3ec !important;
  color:#667085 !important;
}

.result-zone-card #r-result-refresh-now-btn svg{
  width:16px !important;
  height:16px !important;
  stroke-width:2.2 !important;
}

.result-zone-card #r-result-refresh-now-btn:hover{
  background:#f8fafc !important;
  border-color:#cfd6e2 !important;
  color:#475467 !important;
}

.result-zone-card #r-result-refresh-wrap{
  display:inline-flex !important;
  align-items:center !important;
  position:relative !important;
  margin-left:-2px !important;
  margin-right:0 !important;
}

.result-zone-card #r-result-refresh-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:68px !important;
  justify-content:center !important;
  background:#fff !important;
  border-color:#dde3ec !important;
  color:#475467 !important;
}

.result-zone-card .refresh-select-caret{
  color:#98a2b3 !important;
}

.result-zone-card #r-result-refresh-wrap.is-open .refresh-select-caret{
  transform:rotate(180deg) !important;
}

.result-zone-card #r-result-refresh-menu{
  right:0 !important;
  left:auto !important;
  min-width:112px !important;
  margin-top:8px !important;
  border:1px solid #111827 !important;
  border-radius:12px !important;
  box-shadow:0 16px 30px rgba(15,23,42,.18) !important;
  background:#111827 !important;
}

.result-zone-card #r-result-refresh-menu .refresh-select-option{
  color:#e5e7eb !important;
  background:transparent !important;
}

.result-zone-card #r-result-refresh-menu .refresh-select-option:hover,
.result-zone-card #r-result-refresh-menu .refresh-select-option.is-active{
  background:#1f2937 !important;
  color:#fff !important;
}

.result-zone-card .result-period-group{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card .result-period-label{
  font-size:13px !important;
  font-weight:700 !important;
  color:#2f3a4b !important;
}

.result-zone-card .result-period-inputs{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.result-zone-card .result-period-divider{
  color:#8b95a6 !important;
  font-weight:700 !important;
}

.result-zone-card .result-toolbar-right{
  margin-left:auto !important;
  justify-content:flex-end !important;
}

.result-zone-card .result-toolbar-right .result-date-input{
  width:154px !important;
  min-width:154px !important;
  height:38px !important;
  padding:0 34px 0 12px !important;
  border:1px solid #d9e0ea !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:14px !important;
  color:#374151 !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-search-field{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:220px !important;
  min-width:220px !important;
  height:38px !important;
  padding:0 12px !important;
  border:1px solid #d9e0ea !important;
  border-radius:10px !important;
  background:#fff !important;
}

.result-zone-card .result-search-field .search-input{
  width:100% !important;
  border:0 !important;
  background:transparent !important;
  font-size:14px !important;
  color:#374151 !important;
}

.result-zone-card .result-control-row .filter-sel:not(.result-date-input),
.result-zone-card .result-toolbar-right .filter-sel:not(.result-date-input){
  min-width:110px !important;
  height:38px !important;
  padding:0 12px !important;
  border:1px solid #d9e0ea !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#374151 !important;
  font-size:14px !important;
}

.result-zone-card .rtable-wrap{
  background:#fff !important;
}

.result-zone-card .result-table{
  width:100% !important;
  min-width:1184px !important;
  border-collapse:collapse !important;
  table-layout:fixed !important;
}

.result-zone-card .result-table thead th{
  background:#fbfcfe !important;
  border-bottom:1px solid #e6ebf2 !important;
  color:#4b5563 !important;
  font-size:13px !important;
  font-weight:700 !important;
  padding:14px 12px !important;
}

.result-zone-card .result-table tbody td{
  border-bottom:1px solid #edf1f6 !important;
  padding:16px 12px !important;
  font-size:14px !important;
  color:#1f2937 !important;
  vertical-align:middle !important;
  background:#fff !important;
}

.result-zone-card .result-table tbody tr:hover td{
  background:#fcfdff !important;
}

.result-zone-card .result-table tbody tr.result-row-issue td{
  background:linear-gradient(90deg,#fff5f3 0%,#fff9f8 36%,#ffffff 100%) !important;
}

.result-zone-card .result-table tbody tr.result-row-issue td:first-child{
  box-shadow:inset 4px 0 0 #f97316 !important;
}

.result-zone-card .result-table .result-row-checkbox,
.result-zone-card #r-select-all{
  accent-color:#8b7cf6 !important;
}

.result-zone-card .customs-badge,
.result-zone-card .tracking-status-badge,
.result-zone-card .label-pill{
  min-height:28px !important;
  padding:0 11px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:700 !important;
}

.result-zone-card .memo-input,
.result-zone-card .remong-row-memo{
  width:100% !important;
  min-width:220px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 12px !important;
  border:1px solid #d9e0ea !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:13px !important;
  resize:none !important;
}

.result-zone-card .memo-input:focus,
.result-zone-card .remong-row-memo:focus{
  border-color:#b9c4d4 !important;
  box-shadow:0 0 0 3px rgba(99,102,241,.08) !important;
}

.result-zone-card .remong-row-summary-link,
.result-zone-card .remong-row-save-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.result-zone-card .remong-row-summary-link{
  background:#eef4ff !important;
  border:1px solid #d4e1ff !important;
  color:#3b6de6 !important;
}

.result-zone-card .remong-row-save-btn{
  background:#f8fafc !important;
  border:1px solid #dde3ec !important;
  color:#5b6472 !important;
}

.result-zone-card .remong-row-save-btn.saved{
  background:#fff5f5 !important;
  border-color:#f4c9c9 !important;
  color:#e07272 !important;
}

.result-zone-card .row-save-flag{
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.result-zone-card .rtable-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  padding:12px 16px 14px !important;
  border-top:1px solid #e8ecf3 !important;
  background:#fbfcfe !important;
}

.result-zone-card .rtable-count,
.result-zone-card .rtable-summary{
  font-size:12px !important;
  font-weight:600 !important;
  color:#667085 !important;
}

@media (max-width:1100px){
  .result-zone-card .result-toolbar-row{
    align-items:stretch !important;
  }

  .result-zone-card .result-toolbar-top-right,
  .result-zone-card .result-toolbar-right{
    margin-left:0 !important;
    justify-content:flex-start !important;
  }
}

@media (max-width:720px){
  .result-zone-card .result-toolbar-top-right,
  .result-zone-card .result-toolbar-bottom-left,
  .result-zone-card .result-toolbar-right{
    width:100% !important;
  }

  .result-zone-card .result-search-field,
  .result-zone-card .result-toolbar-right .filter-sel:not(.result-date-input){
    width:100% !important;
    min-width:0 !important;
  }

  .result-zone-card .result-period-inputs{
    flex-wrap:wrap !important;
  }
}

/* Result center toolbar readability final fix */
.result-zone-card .result-toolbar-row-top{
  align-items:center !important;
  gap:18px !important;
}

.result-zone-card .result-toolbar-left-group,
.result-zone-card .action-group,
.result-zone-card .right-group{
  align-items:center !important;
}

.result-zone-card .result-toolbar-left-group{
  gap:8px !important;
}

.result-zone-card .action-group{
  gap:8px !important;
  margin-left:10px !important;
  padding-left:14px !important;
  border-left:1px solid #dbe3ec !important;
}

.result-zone-card .right-group{
  gap:8px !important;
  margin-left:auto !important;
}

@media (max-width:920px){
  .result-zone-card .action-group{
    margin-left:0 !important;
    padding-left:0 !important;
    border-left:0 !important;
  }
}

.result-zone-card .result-toolbar-meta{
  min-height:36px !important;
}

.result-zone-card #r-result-refresh-now-btn{
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:19px !important;
  line-height:1 !important;
  border-radius:10px !important;
}

.result-zone-card #r-result-refresh-now-btn svg{
  width:18px !important;
  height:18px !important;
  stroke-width:2.4 !important;
  flex:0 0 auto !important;
}

.result-zone-card #r-result-refresh-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-left:0 !important;
}

.result-zone-card #r-result-refresh-btn{
  height:36px !important;
  min-height:36px !important;
  min-width:68px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
}

.result-zone-card #r-result-refresh-value{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
}

.result-zone-card .refresh-select-caret{
  width:12px !important;
  height:12px !important;
  flex:0 0 auto !important;
}

.result-zone-card .result-refresh-meta{
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
}

.result-zone-card .result-refresh-time{
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:10px !important;
  background:#f8fafc !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#6b7280 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.result-zone-card .result-refresh-time strong{
  font-weight:700 !important;
  color:#667085 !important;
}

.result-zone-card .action-group .btn,
.result-zone-card .right-group .btn{
  height:36px !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Result center terminal measurement lock */
.result-zone-card #r-result-refresh-now-btn{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  appearance:none !important;
}

.result-zone-card #r-result-refresh-btn{
  min-width:68px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  appearance:none !important;
}

.result-zone-card .result-toolbar-right .result-search-field{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-toolbar-right #r-status-filter-visible,
.result-zone-card .result-toolbar-right #r-save-filter,
.result-zone-card .result-toolbar-right #r-memo-filter{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  box-sizing:border-box !important;
}
/* CargoX header final lock EOF */
.topbar.tnav.header{
  height:56px !important;
  min-height:56px !important;
  background:#ffffff !important;
  border-bottom:1px solid #e5e7eb !important;
}

/* Result table final column order */
.result-zone-card .result-table{
  min-width:1160px !important;
}

.result-zone-card .result-table col.col-select{width:36px !important;}
.result-zone-card .result-table col.col-bl{width:150px !important;}
.result-zone-card .result-table col.col-tracking{width:176px !important;}
.result-zone-card .result-table col.col-customs{width:170px !important;}
.result-zone-card .result-table col.col-delivery-status{width:156px !important;}
.result-zone-card .result-table col.col-delivery{width:110px !important;}
.result-zone-card .result-table col.col-flags{width:210px !important;}
.result-zone-card .result-table col.col-memo{width:148px !important;}
.result-zone-card .result-table col.col-save{width:86px !important;}

.result-zone-card .result-table th.col-delivery-status,
.result-zone-card .result-table td.col-delivery-status{
  width:156px !important;
  min-width:156px !important;
}

.result-zone-card .result-table th.col-delivery,
.result-zone-card .result-table td.col-delivery{
  width:110px !important;
  min-width:110px !important;
}

.result-zone-card .result-table th.col-flags,
.result-zone-card .result-table td.col-flags{
  width:210px !important;
  min-width:210px !important;
}

.result-zone-card .result-table th.col-memo,
.result-zone-card .result-table th.col-save{
  vertical-align:middle !important;
  text-align:center !important;
}

.result-zone-card .result-table th.col-memo .rsort-btn,
.result-zone-card .result-table th.col-save .rsort-btn{
  width:100% !important;
  min-height:46px !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.result-zone-card .result-table td.col-memo,
.result-zone-card .result-table td.col-save{
  text-align:center !important;
  vertical-align:middle !important;
}

.result-zone-card .result-table td.col-memo{
  padding-left:10px !important;
  padding-right:10px !important;
}

.result-zone-card .memo-open-btn{
  justify-content:center !important;
  margin:0 auto !important;
}

.result-zone-card .memo-open-btn.has-memo{
  background:#fff7ed !important;
  border-color:#fdba74 !important;
  color:#c2410c !important;
}

/* Result status palette */
.label-pill.label-high{
  background:#fee2e2 !important;
  border-color:#fecaca !important;
  color:#dc2626 !important;
}

.label-pill.label-medium{
  background:#fff7ed !important;
  border-color:#fdba74 !important;
  color:#f59e0b !important;
}

.label-pill.label-auto{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#2563eb !important;
}

.label-pill.label-muted{
  background:#dcfce7 !important;
  border-color:#86efac !important;
  color:#16a34a !important;
}

.label-pill.label-done{
  background:#f3f4f6 !important;
  border-color:#d1d5db !important;
  color:#6b7280 !important;
}

.topbar .topbar-inner,
.pg-container.page,
.pg-container,
.page{
  max-width:1800px !important;
  width:100% !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

.topbar .topbar-inner{
  height:56px !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.topbar .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.topbar .brand-logo{
  height:36px !important;
  flex:0 0 auto !important;
}

.topbar .brand-copy{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

.topbar .brand-divider{
  color:#cbd5e1 !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.topbar .brand-tagline{
  font-size:13px !important;
  font-weight:600 !important;
  color:#64748b !important;
}

.topbar .top-actions{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex:0 0 auto !important;
}

.topbar .status-live{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:32px !important;
  padding:0 12px 0 8px !important;
  border:1px solid #d7dde5 !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#f8fafc 0%, #eef2f6 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 2px rgba(15,23,42,.04) !important;
  color:#475569 !important;
}

.topbar .status-live-dot{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:#22c55e !important;
  box-shadow:0 0 0 4px rgba(34,197,94,.16) !important;
  animation:status-live-pulse 1.4s ease-in-out infinite !important;
}

.topbar .status-live-text{
  color:#475569 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

@keyframes status-live-pulse{
  0%, 100%{
    opacity:1;
    transform:scale(1);
  }
  50%{
    opacity:.55;
    transform:scale(.86);
  }
}

.topbar .tnav-link,
.topbar .tnav-user-btn,
.topbar .tnav-user-name{
  font-size:13px !important;
  color:#475569 !important;
}

.topbar .tnav-user-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:32px !important;
  padding:0 12px 0 8px !important;
  border:1px solid #d7dde5 !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#f8fafc 0%, #eef2f6 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 2px rgba(15,23,42,.04) !important;
}

.topbar .tnav-user-btn:hover,
.topbar .tnav-user-btn:focus-visible{
  background:linear-gradient(180deg,#ffffff 0%, #f3f6f9 100%) !important;
  border-color:#c7d0da !important;
  color:#334155 !important;
}

.topbar .tnav-user-name{
  color:#475569 !important;
  font-size:13px !important;
  font-weight:700 !important;
}

.topbar .tnav-avatar{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  border-radius:6px !important;
  background:#cbd5e1 !important;
  color:#ffffff !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  text-transform:lowercase !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.topbar .tnav-avatar-guest{
  background:#94a3b8 !important;
}

.topbar .tnav-user-btn svg{
  display:block !important;
  width:11px !important;
  height:11px !important;
  color:#94a3b8 !important;
  flex:0 0 auto !important;
}

.topbar .tnav-status-time{
  color:#334155 !important;
  font-weight:800 !important;
}

.topbar .tnav-link{
  color:#475569 !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

.topbar .tnav-link:hover{
  color:#0f172a !important;
}

@media (max-width:720px){
  .topbar .topbar-inner,
  .pg-container.page,
  .pg-container,
  .page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .topbar .brand-logo{
    height:30px !important;
  }

  .topbar .brand-copy{
    gap:8px !important;
  }

  .topbar .brand-tagline,
  .topbar .brand-divider,
  .topbar .status-live{
    display:none !important;
  }

  .topbar .tnav-user-btn{
    padding:0 10px 0 7px !important;
  }
}

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

.summary-progress-breakdown{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:2px !important;
  color:#64748b !important;
}

.summary-progress-breakdown strong{
  color:#0f172a !important;
  font-weight:800 !important;
}

.summary-progress-divider{
  color:#cbd5e1 !important;
  font-weight:700 !important;
}

@media (max-width:1024px){
  .summary-zone.kpi-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:720px){
  .summary-zone.kpi-row{
    grid-template-columns:1fr !important;
  }
}

.result-zone-card .result-table col.col-copy{
  width:112px !important;
}

.result-zone-card .result-table th.col-copy,
.result-zone-card .result-table td.col-copy{
  width:112px !important;
  min-width:112px !important;
  text-align:center !important;
}

.result-zone-card .rtable-footer{
  height:auto !important;
  min-height:54px !important;
  padding-bottom:22px !important;
}

.result-zone-card .rtable-wrap{
  padding-right:16px !important;
  box-sizing:border-box !important;
}

.result-zone-card .result-table thead th.col-save,
.result-zone-card .result-table tbody td.col-save{
  border-right:1px solid #e6ebf2 !important;
  padding-right:18px !important;
}

.result-zone-card .result-table th.col-delivery,
.result-zone-card .result-table td.col-delivery,
.result-zone-card .result-table th.col-flags,
.result-zone-card .result-table td.col-flags{
  text-align:left !important;
}

.result-zone-card .result-table th.col-delivery .rsort-btn,
.result-zone-card .result-table th.col-flags .rsort-btn{
  justify-content:flex-start !important;
  text-align:left !important;
}

.result-zone-card .result-table td.col-delivery .result-status-cell,
.result-zone-card .result-table td.col-delivery .label-pill,
.result-zone-card .result-table td.col-flags .risk-flag-list{
  justify-content:flex-start !important;
  text-align:left !important;
  margin-left:0 !important;
}

.result-zone-card .result-table th.col-copy,
.result-zone-card .result-table td.col-copy{
  text-align:center !important;
}

.result-zone-card .result-table th.col-copy .rsort-btn,
.result-zone-card .result-table td.col-copy .row-summary-text{
  justify-content:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.result-zone-card #r-status-filter-visible{
  flex:0 0 148px !important;
  width:148px !important;
  min-width:148px !important;
  max-width:148px !important;
}

.result-zone-card #r-result-refresh-now-btn{
  margin-left:0 !important;
}

.result-zone-card #r-result-refresh-wrap{
  gap:2px !important;
}

.result-zone-card .result-header-refresh-group{
  gap:2px !important;
  margin-left:2px !important;
  flex-wrap:nowrap !important;
}

.result-zone-card .result-header-refresh-group > *{
  margin:0 !important;
}

.result-zone-card #r-result-refresh-now-btn{
  margin-left:0 !important;
  margin-right:0 !important;
}

.result-zone-card .result-refresh-meta{
  margin-left:2px !important;
}

.result-zone-card .result-refresh-time{
  padding:0 8px !important;
}

.single-row .field{
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
}

.single-row .field > span{
  display:block !important;
  flex:0 0 auto !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

.single-row .field input{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.result-zone-card .result-table col.col-flags{
  width:160px !important;
}

.result-zone-card .result-table th.col-flags,
.result-zone-card .result-table td.col-flags{
  width:160px !important;
  min-width:160px !important;
}

.result-zone-card .result-table col.col-process-date{
  width:108px !important;
}

.result-zone-card .result-table th.col-process-date,
.result-zone-card .result-table td.col-process-date{
  width:108px !important;
  min-width:108px !important;
  text-align:center !important;
  white-space:nowrap !important;
  border-left:0 !important;
}

.result-zone-card .result-table th.col-process-date .rsort-btn{
  justify-content:center !important;
  text-align:center !important;
}
.job-progress-banner{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid #dbe4ff;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff 0%,#f1f6ff 100%);
}

.job-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.job-progress-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:88px;
  padding:4px 10px;
  border-radius:999px;
  background:#e8eefc;
  color:#2b4dbf;
  font-size:12px;
  font-weight:700;
  text-transform:lowercase;
}

.job-progress-bar{
  position:relative;
  width:100%;
  height:8px;
  border-radius:999px;
  background:#dfe8fb;
  overflow:hidden;
}

.job-progress-fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%);
  transition:width .24s ease;
}

.job-progress-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-size:13px;
  color:#3b4a67;
}

.job-progress-meta #job-progress-summary{
  flex:1 1 260px;
  min-width:180px;
}

.job-queue-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0 0 14px;
  padding:14px 16px;
  border:1px solid #e3e8f5;
  border-radius:16px;
  background:#ffffff;
}

.job-queue-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.job-queue-head > div{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.job-queue-title{
  font-size:15px;
  color:#1f2a44;
}

.job-queue-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:3px 10px;
  border-radius:999px;
  background:#eef3ff;
  color:#3154c7;
  font-size:12px;
  font-weight:700;
}

.job-queue-body{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;
}

.job-queue-empty{
  padding:16px 14px;
  border:1px dashed #d8dfef;
  border-radius:12px;
  background:#fafcff;
  color:#66738f;
  font-size:13px;
}

.job-queue-item{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid #e4e8f2;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}

.job-queue-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.job-queue-item-title{
  font-size:14px;
  color:#1f2a44;
}

.job-queue-item-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  background:#edf2ff;
  color:#3154c7;
}

.job-queue-item-status.is-completed{
  background:#e9f9ef;
  color:#14804a;
}

.job-queue-item-status.is-failed,
.job-queue-item-status.is-partial_fail{
  background:#fff1f2;
  color:#c53030;
}

.job-queue-item-status.is-delivery_queued,
.job-queue-item-status.is-retry_wait{
  background:#fff7e8;
  color:#b16612;
}

.job-queue-item-status.is-cancelled{
  background:#f2f4f8;
  color:#5d6b82;
}

.job-queue-item-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  color:#66738f;
  font-size:12px;
}

.job-queue-item-summary{
  color:#31415f;
  font-size:13px;
  line-height:1.45;
}

.job-queue-item-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.job-detail-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0 0 14px;
  padding:14px 16px;
  border:1px solid #e3e8f5;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.job-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.job-detail-head > div:first-child{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.job-detail-title{
  font-size:15px;
  color:#1f2a44;
}

.job-detail-page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 10px;
  border-radius:999px;
  background:#eef3ff;
  color:#3154c7;
  font-size:12px;
  font-weight:700;
}

.job-detail-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.job-detail-summary{
  color:#31415f;
  font-size:13px;
  line-height:1.45;
}

.job-detail-log-wrap{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.job-detail-log-title{
  font-size:13px;
  font-weight:700;
  color:#334155;
}

.job-detail-log-body{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.job-detail-log-empty{
  padding:12px 14px;
  border:1px dashed #d8dfef;
  border-radius:12px;
  background:#fbfcff;
  color:#66738f;
  font-size:13px;
}

.job-detail-log-item{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 14px;
  border:1px solid #e6ebf5;
  border-radius:12px;
  background:#fff;
}

.job-detail-log-head{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.job-detail-log-level{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  background:#eef3ff;
  color:#3154c7;
}

.job-detail-log-level.is-warn{
  background:#fff7e8;
  color:#b16612;
}

.job-detail-log-level.is-error{
  background:#fff1f2;
  color:#c53030;
}

.job-detail-log-event{
  font-size:13px;
  color:#1f2a44;
}

.job-detail-log-time{
  margin-left:auto;
  color:#7a859d;
  font-size:12px;
}

.job-detail-log-text{
  color:#445067;
  font-size:13px;
  line-height:1.45;
  white-space:pre-wrap;
  word-break:break-word;
}

.job-queue-panel,
.job-detail-panel{
  display:none !important;
}

.job-progress-banner{
  gap:10px;
  padding:14px 16px;
  border-color:#d6def6;
  background:linear-gradient(180deg,#fbfcff 0%,#f4f7ff 100%);
}

.jpb-status{
  min-width:96px;
  background:#eef3ff;
  color:#2f4db7;
  text-transform:none;
}

.jpb-progress-bar{
  height:6px !important;
  background:#d9e4fb;
}

.job-progress-meta{
  gap:8px 14px;
  font-size:12px;
}

#job-progress-summary,
#job-progress-cancel-btn{
  display:none !important;
}

.jpb-fill-customs{
  background:#16a34a !important;
}

.jpb-fill-delivery{
  background:#2563eb !important;
}

#jpb-delivery-wait{
  color:#d97706;
}

#jpb-failed{
  color:#dc2626;
}

.remong-ux-toast{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1600;
  min-width:220px;
  max-width:360px;
  padding:12px 16px;
  border:1px solid #d6def6;
  border-radius:14px;
  background:rgba(15,23,42,.92);
  color:#f8fafc;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  box-shadow:0 18px 36px rgba(15,23,42,.22);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .22s ease, transform .22s ease;
}

.remong-ux-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}

.job-progress-head{
  gap:10px;
}

.job-progress-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.job-progress-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.job-progress-status.jpb-status{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:32px;
  padding:0 12px;
  border:1px solid #c9d7f7;
  border-radius:999px;
  background:#eef4ff;
  color:#24408f;
  font-size:12px;
  font-weight:700;
  line-height:1;
}

.job-progress-status.is-processing{
  animation:pulse-status 1.25s ease-in-out infinite;
}

.job-progress-status .jpb-status-dots{
  display:inline-block;
  width:16px;
  overflow:hidden;
  white-space:nowrap;
  color:#4d6edb;
}

.job-progress-status.is-processing .jpb-status-dots::after{
  content:'...';
  display:inline-block;
  animation:status-dots 1.2s steps(4,end) infinite;
}

.job-progress-auto-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border:1px solid #cfe4d5;
  border-radius:999px;
  background:#f3fbf5;
  color:#1f7a4d;
  font-size:12px;
  font-weight:700;
}

.job-progress-auto-badge.is-passive{
  border-color:#d9e3f5;
  background:#f7f9fd;
  color:#5f6f8d;
}

.jpb-toggle-btn{
  min-width:72px;
  min-height:32px;
  padding:0 12px;
  border:1px solid #d4def2;
  border-radius:999px;
  background:#fff;
  color:#31476d;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}

.jpb-toggle-btn:hover{
  border-color:#9eb7ef;
  background:#f6f9ff;
  color:#1f3980;
}

.job-progress-body{
  overflow:hidden;
  max-height:420px;
  opacity:1;
  transition:max-height .28s ease, opacity .22s ease, margin-top .22s ease;
}

.job-progress-banner.is-collapsed .job-progress-body{
  max-height:0;
  opacity:0;
  margin-top:0;
  pointer-events:none;
}

.job-progress-compact{
  display:none;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#52627e;
  font-size:12px;
  line-height:1.4;
}

.job-progress-banner.is-collapsed .job-progress-compact{
  display:flex;
}

.job-progress-compact strong{
  color:#24324d;
}

.job-progress-detail-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px 14px;
  margin-top:2px;
}

.job-progress-detail-item{
  display:flex;
  align-items:center;
  gap:6px;
  color:#52627e;
  font-size:12px;
  line-height:1.4;
}

.job-progress-detail-item strong{
  color:#24324d;
}

.job-progress-fill{
  position:relative;
  display:block;
  height:100%;
  transition:width .5s ease;
}

.job-progress-banner.is-processing .job-progress-fill::after{
  content:'';
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.32) 50%,rgba(255,255,255,0) 100%);
  animation:progress-shimmer 2.4s ease-in-out infinite;
}

.job-progress-track-meta{
  color:#5f6f8d;
  font-size:12px;
}

.job-progress-delivery-meta{
  row-gap:4px;
}

.job-progress-last-note.is-flash,
#result-last-updated.is-flash{
  animation:refresh-highlight 1s ease;
}

.job-progress-summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.job-progress-summary-line #job-progress-summary{
  flex:1 1 260px;
}

.jpb-next-refresh{
  color:#52627e;
  font-size:12px;
  font-weight:600;
}

@keyframes pulse-status{
  0%,100%{ box-shadow:0 0 0 0 rgba(63,104,220,0.08); }
  50%{ box-shadow:0 0 0 6px rgba(63,104,220,0.16); }
}

@keyframes status-dots{
  0%{ width:0; }
  100%{ width:16px; }
}

@keyframes progress-shimmer{
  0%{ transform:translateX(-100%); }
  100%{ transform:translateX(140%); }
}

@keyframes refresh-highlight{
  0%{ color:#0f5fd6; }
  100%{ color:inherit; }
}

@media (max-width: 768px){
  .job-progress-title-row,
  .job-progress-head-actions,
  .job-progress-topline,
  .job-progress-summary-line{
    align-items:flex-start;
  }

  .job-progress-head-actions{
    justify-content:flex-start;
  }

  .job-progress-body{
    max-height:520px;
  }
}

.stat-sub{
  font-size:12px;
  color:#6b7280;
  line-height:1.4;
}

.summary-card.summary-done .summary-note.kpi-note:not(.stat-sub){
  display:none !important;
}

.job-progress-banner{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.job-progress-title-group{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.job-progress-head-count{
  color:#5f6f8d;
  font-size:12px;
  line-height:1.4;
}

.job-progress-head-count strong{
  font-weight:700;
  color:#233252;
}

.job-progress-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:#5f6f8d;
  font-size:12px;
}

.job-progress-track-group{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.delivery-refresh-status-line{
  display:flex;
  align-items:center;
  min-height:36px;
  margin:0 0 12px;
  padding:8px 14px;
  border:1px solid #d9e3f5;
  border-radius:12px;
  background:#f8fbff;
  color:#52627e;
  font-size:13px;
  line-height:1.45;
}

.job-progress-track-row{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.job-progress-track-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:#334155;
  font-size:13px;
}

.job-progress-track-label{
  font-weight:700;
  color:#24324d;
}

.job-progress-delivery-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.jpb-progress-bar{
  height:6px !important;
  overflow:hidden;
  border-radius:999px;
}

.jpb-progress-bar-customs{
  background:#dbeafe;
}

.jpb-progress-bar-delivery{
  background:#e5e7eb;
}

.jpb-fill-customs{
  background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%);
}

.jpb-fill-delivery{
  background:linear-gradient(90deg,#10b981 0%,#34d399 100%);
}

.jpb-progress-bar-legacy{
  display:none !important;
}

#job-progress-summary{
  display:block !important;
  color:#52627e;
}

#job-progress-cancel-btn{
  display:none !important;
}