:root {
  color-scheme: light;
  --bg: #f5f6f8;
  --sidebar: #172435;
  --nav-text: #c4d0df;
  --nav-muted: #98a9be;
  --nav-line: #2b3c50;
  --nav-hover: #22364e;
  --nav-active-text: #ffffff;
  --disabled-text: #8c96a3;
  --panel: #ffffff;
  --text: #202b3a;
  --muted: #657386;
  --line: #dfe3e8;
  --line-soft: #edf0f3;
  --blue: #2463b5;
  --share-fill: #3399ff;
  --settings-save: #0788ec;
  --blue-soft: #edf3fc;
  --green: #13a26b;
  --green-soft: #e9f8f1;
  --red: #dd4d4d;
  --red-soft: #fff0f0;
  --amber: #b7791f;
  --amber-soft: #fff8e8;
  --shadow: 0 2px 8px rgba(31, 53, 88, .05);
}

/* The three manual work queues share order cells; unread decoration belongs only to Orders. */
.order-workflow-panel { position: relative; }
#orderFeaturePanelStack > .order-workflow-panel[hidden] { display: none !important; }
.order-workflow-panel .order-workbench-pagination { flex-shrink: 0; }
.order-workflow-panel .order-pagination-controls { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.order-workflow-panel .order-operation-heading { flex-shrink: 0; }
.order-workflow-panel .order-operation-card { min-height: 0; display: flex; flex: 1 1 auto; flex-direction: column; }
.order-workflow-panel .order-operation-table-region { min-height: 0; display: flex; flex: 1 1 auto; }
.order-workflow-panel .order-event-table-wrap { min-height: 0; flex: 1 1 auto; scroll-padding-top: 46px; }
.workflow-summary { flex-shrink: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 276px)); align-items: center; gap: 8px; margin-bottom: 14px; padding: 18px 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.workflow-summary .order-summary-status { justify-content: space-between; }
.preonline-summary { flex-shrink: 0; }
.preonline-progress-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.preonline-progress-filters .order-summary-status { justify-content: space-between; }
.preonline-progress-filters [data-workflow-filter="progress:todayPending"],
#workflow-dispatch .preonline-progress-filters [data-workflow-filter="progress:done"] { grid-column: 1 / -1; }
@media (max-width: 1280px) {
  .preonline-progress-filters { grid-template-columns: minmax(0, 1fr); }
}
.workflow-notice { position: absolute; z-index: 5; right: 32px; bottom: 62px; max-width: 380px; margin: 0; padding: 10px 12px; font-size: 12px; box-shadow: var(--shadow); }
.order-workflow-panel .order-operation-filters { flex-wrap: wrap; }
.order-operation-table.fulfillment { width: 100%; min-width: 1706px; }
.order-operation-table.fulfillment th:nth-child(1) { width: 150px; white-space: normal; }
.order-operation-table.fulfillment th:nth-child(2) { width: 100px; }
.order-operation-table.fulfillment th:nth-child(3) { width: 190px; }
.order-operation-table.fulfillment th:nth-child(4) { width: 86px; }
.order-operation-table.fulfillment th:nth-child(5) { width: 185px; }
.order-operation-table.fulfillment th:nth-child(6) { width: 125px; }
.order-operation-table.fulfillment th:nth-child(7) { width: 50px; }
.order-operation-table.fulfillment th:nth-child(8) { width: 65px; }
.order-operation-table.fulfillment th:nth-child(9) { width: 210px; }
.order-operation-table.fulfillment th:nth-child(10) { width: 150px; }
.order-operation-table.fulfillment th:nth-child(11) { width: 110px; }
.order-operation-table.fulfillment th:nth-child(12) { width: 185px; }
.order-operation-table.fulfillment tbody tr { background: var(--panel); }
.order-operation-table.fulfillment tbody td:first-child { box-shadow: none; }
.order-operation-table.fulfillment .order-payout-marker strong { color: var(--muted); }
.order-operation-table.fulfillment .order-window-spacer td { position: static; border: 0; }
.order-operation-table.fulfillment .workflow-mark-cell { text-align: center; vertical-align: middle; }
.workflow-mark-stack { display: grid; justify-items: center; align-content: center; gap: 4px; min-height: 43px; }
.workflow-completed-time:empty { display: none; }
.workflow-completed-time { min-height: 14px; font-size: 11px; line-height: 14px; font-variant-numeric: tabular-nums; color: var(--muted); white-space: nowrap; }
.order-operation-table.fulfillment .order-operation-actions { flex-wrap: nowrap; gap: 10px; }
.order-operation-table.fulfillment .workflow-mark-button { flex: 0 0 82px; height: 31px; width: 82px; padding: 6px 10px; border-radius: 6px; }
#workflow-preonline .workflow-mark-button { flex-basis: 106px; width: 106px; }
.order-operation-table.fulfillment .order-operation-actions .store-browser-action { flex: 0 0 56px; min-width: 56px; }
.order-operation-table.fulfillment .workflow-complete { border-color: var(--blue); color: white; background: var(--blue); }
.order-operation-table.fulfillment .workflow-undo { border-color: transparent; color: var(--muted); background: transparent; }
.order-workflow-panel button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

* { box-sizing: border-box; }
[hidden] { display: none !important; }

body {
  margin: 0;
  min-width: 1024px;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  color: var(--text);
  background: var(--bg);
  font-family: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
}

button, input, select { font: inherit; }
button { border: 0; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .58; }

.app-shell { position: relative; height: 100vh; min-height: 0; display: grid; grid-template-columns: 222px minmax(0, 1fr); overflow: hidden; transition: grid-template-columns .18s ease; }
.app-shell.sidebar-collapsed { grid-template-columns: 0 minmax(0, 1fr); }

.sidebar { min-height: 0; display: flex; flex-direction: column; overflow: hidden; padding: 19px 10px; border-right: 1px solid var(--line); background: var(--sidebar); transition: padding .18s ease, border-color .18s ease; }
.app-shell.sidebar-collapsed .sidebar { padding-right: 0; padding-left: 0; border-right-color: transparent; }
.sidebar-collapse-button { position: absolute; z-index: 8; top: 50%; left: 207px; display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border-radius: 50%; color: #2e86ef; background: #edf3ff; box-shadow: 0 1px 3px rgba(33, 91, 164, .08); font-size: 25px; line-height: 1; transform: translateY(-50%); transition: left .18s ease, background .15s ease, transform .15s ease; }
.sidebar-collapse-button:hover { background: #dfeaff; transform: translateY(-50%) scale(1.06); }
.app-shell.sidebar-collapsed .sidebar-collapse-button { left: 6px; }
.brand-block { display: grid; gap: 6px; padding: 4px 6px 19px; border-bottom: 1px solid var(--line); }
.brand-block strong { font-size: 21px; letter-spacing: -.3px; }
.brand-block span, .nav-caption, .sidebar-foot { color: var(--muted); font-size: 12px; }

.nav-group { display: grid; gap: 5px; padding-top: 18px; }
.nav-caption { padding: 0 10px 6px; }
.nav-item { display: flex; align-items: center; gap: 10px; width: 100%; height: 38px; padding: 0 11px; border-radius: 8px; color: #47566b; text-align: left; background: transparent; font-weight: 650; font-size: 14px; }
.nav-item.active { color: #237ac2; background: #ddecfa; }
.nav-item:disabled { cursor: default; opacity: .74; }
.nav-icon { width: 16px; text-align: center; font-size: 16px; }
.nav-badge { min-width: 19px; height: 19px; margin-left: auto; padding: 0 5px; border-radius: 99px; color: #fff; background: var(--red); font-size: 11px; font-weight: 800; line-height: 19px; text-align: center; }
.sidebar-monitor-status { display: flex; align-items: center; gap: 8px; margin-top: auto; padding: 0 8px 12px; color: var(--muted); font-size: 12px; }
.sidebar-foot { display: flex; align-items: center; gap: 8px; padding: 13px 8px 0; border-top: 1px solid var(--line); }
.health-dot { width: 8px; height: 8px; border-radius: 99px; background: #a6b1c2; }
.health-dot.ok { background: var(--green); box-shadow: 0 0 0 3px rgba(19, 162, 107, .12); }
.health-dot.bad { background: var(--red); }

.main { min-width: 0; min-height: 0; height: 100vh; overflow: hidden; }
.app-page { min-width: 0; min-height: 0; height: 100%; overflow: hidden; }
.settings-page { display: flex; flex-direction: column; overflow-y: auto; background: var(--bg); }
#storeManagementPage, #orderManagementPage, #recycleBinPage { display: flex; flex-direction: column; }
#storeManagementPage > .store-panel,
#orderOverviewPanel > .store-panel {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#storeManagementPage > .store-panel { margin-top: 16px; }
#recycleBinPage > .store-panel { min-height: 0; display: flex; flex: 1 1 auto; flex-direction: column; margin-bottom: 20px; }
#recycleBinPage > .store-panel > .table-wrap { min-height: 0; flex: 1 1 auto; }
#storeManagementPage > .store-panel > .table-wrap,
#orderOverviewPanel > .store-panel > .table-wrap {
  min-height: 0;
  flex: 1 1 auto;
}
#orderFeaturePanelStack {
  min-height: 0;
  display: grid;
  flex: 1 1 auto;
  overflow: hidden;
}
#orderFeaturePanelStack > .order-feature-panel:not([hidden]) {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#orderFeaturePanelStack > .order-operation-panel {
  grid-area: 1 / 1;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  opacity: 1;
  will-change: opacity;
}
#orderFeaturePanelStack > .order-operation-panel[hidden] {
  display: none !important;
}
#sharingQuotePanelHost:not([hidden]),
#sharingQuotePanelHost > #orderOverviewPanel:not([hidden]) {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#orderWorkbenchPanel .order-workbench-list {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#orderWorkbenchPanel .order-timeline,
#orderWorkbenchPanel .order-event-table-wrap {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#orderOfferWorkbenchPanel .order-operation-card,
#orderShippingWorkbenchPanel .order-operation-card,
#orderCaseWorkbenchPanel .order-operation-card {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#orderOfferWorkbenchPanel .order-operation-table-region,
#orderShippingWorkbenchPanel .order-operation-table-region,
#orderCaseWorkbenchPanel .order-operation-table-region {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
}
#orderOfferWorkbenchPanel .order-operation-table-region .order-event-table-wrap,
#orderShippingWorkbenchPanel .order-operation-table-region .order-event-table-wrap,
#orderCaseWorkbenchPanel .order-operation-table-region .order-event-table-wrap {
  min-height: 0;
  flex: 1 1 auto;
}
.topbar { height: 80px; min-height: 80px; flex: 0 0 80px; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 15px 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.88); }
h1, h2, h3, p { margin: 0; }
h1 { font-size: 24px; letter-spacing: -.3px; }
.topbar p { margin-top: 6px; color: var(--muted); font-size: 13px; }
.settings-topbar { flex: 0 0 auto; padding-right: 24px; padding-left: 24px; }

.settings-content { display: grid; width: calc(100% - 48px); gap: 16px; margin: 0 auto; padding: 22px 0 112px; }
.settings-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: var(--shadow); }
.settings-card-heading { display: flex; align-items: baseline; gap: 12px; padding: 17px 20px 14px; border-bottom: 1px solid var(--line-soft); }
.settings-card-heading h2 { font-size: 17px; }
.settings-card-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.settings-card .modal-section { gap: 12px; padding: 18px 20px; }
.settings-card .modal-section + .modal-section { border-top-color: var(--line); }
.settings-card .modal-section > button[type="submit"] { display: none; }
.settings-card .notice { margin: 0; }
.settings-actions { position: sticky; bottom: 0; z-index: 2; display: flex; justify-content: flex-end; gap: 10px; padding: 14px 24px; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); box-shadow: 0 -8px 22px rgba(31, 53, 88, .06); }
.settings-actions button { width: 120px; min-width: 120px; height: 38px; }
.settings-actions #saveAllSettingsButton { width: 120px; min-width: 120px; height: 38px; padding: 0 10px; border: 1px solid #087fe9; border-radius: 8px; color: #fff; background: var(--settings-save); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 2px 5px rgba(0,118,229,.2); font-weight: 700; }
.settings-actions #saveAllSettingsButton:hover:not(:disabled) { filter: brightness(1.04); }
.settings-actions #saveAllSettingsButton:focus-visible { outline: 3px solid rgba(11,145,242,.32); outline-offset: 2px; }
.settings-actions #saveAllSettingsButton:active:not(:disabled) { filter: brightness(.96); }
.top-actions { display: flex; align-items: center; gap: 10px; }
.top-actions button, .modal-section button { height: 38px; padding: 0 15px; border-radius: 8px; background: var(--blue); color: #fff; font-weight: 700; }
.icon-button { width: 38px; padding: 0 !important; font-size: 21px; font-weight: 400 !important; }

.toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 18px 20px 10px; }
.group-filter { display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--muted); font-size: 13px; }
.group-filter select { min-width: 0; width: 100%; border: 0; outline: none; color: var(--text); background: transparent; }
.search-field { display: flex; flex: 0 1 390px; width: min(32vw, 390px); align-items: center; gap: 9px; height: 38px; min-width: 330px; padding: 0 8px 0 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--muted); box-sizing: border-box; }
.search-field span { font-size: 21px; line-height: 1; }
.search-field input { min-width: 0; width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; }
.search-clear-button { flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border-radius: 50%; color: #7c899b; background: #eef2f6; font-size: 18px; line-height: 1; }
.search-clear-button:hover { color: #405166; background: #e2e8ef; }
.secondary-button { height: 38px; padding: 0 13px; border: 1px solid #beddf7 !important; border-radius: 8px; background: var(--blue-soft) !important; color: #2c77b5 !important; font-size: 13px; font-weight: 700; box-sizing: border-box; }

.global-share-settings { display: flex; align-items: flex-end; gap: 8px; }
body:not(.sharing-management-active) #storeManagementPage .global-share-settings { display: none !important; }
.global-share-settings label { display: grid; justify-items: center; gap: 4px; color: var(--muted); font-size: 11px; text-align: center; white-space: nowrap; }
.global-share-settings input { width: 76px; height: 38px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; color: var(--text); outline: 0; background: #fff; text-align: center; box-sizing: border-box; }

.filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 63px; padding: 16px 20px 10px; border-bottom: 1px solid var(--line-soft); background: rgba(255,255,255,.55); box-sizing: border-box; }
.filter-row .search-field { height: 36px; }
.filter-row .secondary-button { height: 36px; padding: 0 17px; font-size: 13px; font-weight: 700; }
.filter-tabs { display: flex; gap: 8px; }
.filter-tab { height: 36px; padding: 0 17px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: #526178; font-size: 13px; font-weight: 700; }
.filter-tab.active { border-color: #acd5f7; background: var(--blue-soft); color: #2579ba; }
.check-selected-button { height: 34px; padding: 0 13px; border-radius: 8px; color: #fff; background: #2d99df; font-size: 13px; font-weight: 700; }
.batch-share-button { height: 38px; padding: 0 13px; border-radius: 8px; color: #fff; background: var(--blue); font-size: 13px; font-weight: 700; box-sizing: border-box; }
.filter-row .batch-share-button { height: 34px; }
.overall-share-status { min-height: 34px; display: inline-flex; align-items: center; padding: 0 11px; border-radius: 8px; color: #2878b4; background: var(--blue-soft); font-size: 13px; white-space: nowrap; }
.overall-share-status.hidden { display: none; }
.stop-button, .restart-button { height: 34px; padding: 0 13px; border-radius: 8px; font-size: 13px; font-weight: 700; }
.stop-button { border: 1px solid #f2caca; color: #c84949; background: #fff6f6; }
.restart-button { border: 1px solid #beddf7; color: #2c77b5; background: var(--blue-soft); }
.delete-button { height: 34px; padding: 0 13px; border: 1px solid #f2caca; border-radius: 8px; color: #c84949; background: #fff6f6; font-size: 13px; }
.close-browser-button { height: 34px; padding: 0 13px; border: 1px solid #efc58f; border-radius: 8px; color: #a45b00; background: #fff8ee; font-size: 13px; font-weight: 700; }
.filter-row .stop-button, .filter-row .restart-button, .filter-row .delete-button, .filter-row .close-browser-button, .filter-row .batch-share-button { height: 36px; padding: 0 17px; font-size: 13px; font-weight: 700; }
.store-count { margin-left: auto; color: var(--muted); font-size: 13px; }
.recycle-summary { display: flex; justify-content: flex-end; min-height: 63px; align-items: center; padding: 16px 20px 10px; color: var(--muted); border-bottom: 1px solid var(--line-soft); background: rgba(255,255,255,.55); font-size: 13px; box-sizing: border-box; }

.notice { margin: 0 20px 12px; padding: 10px 13px; border-radius: 8px; background: var(--blue-soft); color: #2878b4; font-size: 13px; }
.notice.error { background: var(--red-soft); color: #bb3e3e; }
.notice.hidden { display: none; }
.dismissible-notice { display: flex; align-items: center; gap: 12px; }
.dismissible-notice > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.notice-close { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 6px; color: currentColor; background: transparent; font-size: 20px; line-height: 1; }
.notice-close:hover { background: rgba(128, 128, 128, .12); }

.store-panel { margin: 0 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: var(--shadow); }
.table-wrap { overflow: auto; }
.table-wrap .store-table th, .order-event-table-wrap .order-event-table th { position: sticky; z-index: 1; top: 0; box-shadow: inset 0 -1px 0 var(--line); }
.store-table { width: 100%; min-width: 1500px; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.store-table th { height: 45px; overflow: hidden; padding: 0 12px; border-bottom: 1px solid var(--line); color: #69768a; text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #fbfcfe; font-size: 12px; font-weight: 700; }
.store-table td { overflow: hidden; padding: 10px 12px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; text-overflow: ellipsis; }
.store-table th:nth-child(1) { width: 46px; }
.store-table th.store-identity-column { width: 215px; }
.store-table th.store-id-column { width: 145px; }
.store-table th:nth-child(4) { width: 180px; }
.store-table th:nth-child(5) { width: 150px; }
.store-table th:nth-child(6), .store-table th:nth-child(7) { width: 90px; }
.store-table th:nth-child(8) { width: 100px; }
.store-table th:nth-child(9) { width: 90px; }
.store-table th:nth-child(10) { width: 80px; }
.store-table th:nth-child(11) { width: 160px; }
.store-table th:nth-child(12) { width: 90px; }
.store-table .login-status-column, .store-table .store-status-column { width: 90px; }
.store-table .combined-status-column { width: 120px; }
.store-table .product-count-column { width: 100px; }
.store-table th.balance-column, .store-table td.store-balance-cell { width: 260px; }
.store-table .daily-share-column { width: 90px; }
.store-table .daily-verify-column { width: 80px; }
.store-table .share-status-column { width: 160px; }
.store-table .browser-column { width: 90px; }
.store-table .store-row { cursor: default; }
.store-table .store-row:hover { background: #fbfdff; }
.recycle-table { min-width: 900px; }
.recycle-table th:nth-child(1) { width: 250px; }
.recycle-table th:nth-child(2) { width: 180px; }
.recycle-table th:nth-child(3) { width: 260px; }
.recycle-table th:nth-child(4) { width: 190px; }
.recycle-table th:nth-child(5) { width: 100px; }
.check-column { width: 47px; text-align: center !important; }
.check-column input, .store-check, .product-check { width: 16px; height: 16px; accent-color: var(--blue); }

.store-name { display: flex; align-items: center; gap: 8px; min-width: 165px; }
.store-dot { width: 9px; height: 9px; border-radius: 50%; background: #aab7c5; flex: 0 0 auto; }
.store-dot.normal { background: var(--blue); }
.store-dot.restricted { background: #e59a23; }
.store-dot.banned { background: var(--red); }
  .store-name strong { display: block; overflow: hidden; max-width: 190px; text-overflow: ellipsis; white-space: nowrap; }
  .store-name small, .id-pair small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
  .closet-link { color: #548ab9; text-decoration: none; }
  .closet-link:hover { color: var(--blue); text-decoration: underline; }
  .closet-link.pending { color: var(--muted); cursor: default; }
  .closet-link.pending:hover { color: var(--muted); text-decoration: none; }
  .store-email { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.id-pair code { display: inline-block; max-width: 135px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
code { padding: 3px 6px; border: 1px solid #e2e9f1; border-radius: 5px; background: #f8fafc; color: #4c5d75; font-family: Consolas, "SFMono-Regular", monospace; font-size: 11px; }
.muted-cell { color: #95a0af; }
.pill { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: 99px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.pill.logged_in { color: #16875b; background: var(--green-soft); }
.pill.normal { color: #247cbb; background: var(--blue-soft); }
.pill.restricted { color: #a66c11; background: var(--amber-soft); }
.pill.logged_out, .pill.banned { color: #c53e3e; background: var(--red-soft); }
.pill.attention, .pill.unknown { color: #a66c11; background: var(--amber-soft); }
.pill.unchecked { color: #778397; background: #eef2f6; }
.manual-offer-status { display: inline-block; max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; line-height: 1.4; text-overflow: clip; vertical-align: middle; white-space: normal; }
.auto-like-progress { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.product-count { min-width: 95px; }
.product-count strong { display: block; color: #2e4058; font-size: 15px; }
.product-count small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.store-combined-status { display: grid; justify-items: start; gap: 5px; }
.store-balance-loading { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: 99px; color: #778397; background: #eef2f6; font-size: 12px; white-space: nowrap; }
.store-balance-loading.unavailable { min-width: 0; padding: 0; background: transparent; }
.store-balance-stack { display: grid; min-width: 220px; gap: 6px; font-variant-numeric: tabular-nums; }
.store-payout-method-line { display: block; min-height: 16px; white-space: nowrap; }
.store-payout-method-line strong { color: #111; font-size: 13px; font-weight: 700; text-align: left; }
.store-payout-method-line.limited strong { color: #e5484d; }
.store-balance-line { display: grid; grid-template-columns: 82px minmax(110px, auto); align-items: center; justify-content: start; gap: 10px; white-space: nowrap; }
.store-balance-line small { color: #596579; font-size: 11px; }
.store-balance-line strong { color: #111; font-size: 13px; text-align: left; }
.store-balance-line.redeemable strong, .store-balance-line.in-process strong, .redemption-amount.in-process strong { color: #5b8f16; }
.share-progress { min-width: 82px; color: #2e4058; font-weight: 700; white-space: nowrap; }
.share-status { display: block; width: 100%; overflow-wrap: anywhere; color: var(--muted); font-size: 12px; line-height: 1.45; white-space: normal; }
.share-status.running { color: #287fc0; }
.share-status.done { color: #16875b; }
.share-status.verification { color: #b7791f; font-weight: 700; }
.share-status.stopped { color: #c25a21; font-weight: 700; }
.share-status.banned { color: #c53e3e; font-weight: 700; }
.share-status.has-progress { display: grid; gap: 6px; padding: 2px 0; }
.share-round { color: var(--text); font-size: 12px; font-weight: 600; line-height: 16px; white-space: nowrap; }
.share-round-track { display: block; height: 8px; overflow: hidden; border-radius: 4px; background: var(--line); }
.share-round-fill { display: block; height: 100%; border-radius: inherit; background: var(--share-fill); }
.share-round-caption { color: var(--muted); font-size: 11px; line-height: 16px; white-space: nowrap; }
@media (forced-colors: active) {
  .share-round-track { outline: 1px solid CanvasText; }
  .share-round-fill { background: Highlight; forced-color-adjust: none; }
}
.store-note-button { display: block; width: 100%; min-height: 32px; overflow: hidden; padding: 5px 8px; border: 1px solid transparent; border-radius: 7px; color: #405166; background: transparent; font-size: 12px; line-height: 1.35; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.store-note-button:hover, .store-note-button:focus { border-color: #b9d9f4; background: #fff; outline: none; }
.store-note-button.empty { color: #929dac; }
.store-phone-button { display: grid; width: 100%; min-height: 48px; align-content: center; justify-items: start; gap: 5px; overflow: hidden; padding: 4px 7px; border: 1px solid transparent; border-radius: 7px; color: #405166; background: transparent; text-align: left; }
.store-phone-button:hover, .store-phone-button:focus-visible { border-color: #b9d9f4; background: #fff; outline: none; }
.store-phone-button strong, .store-phone-button span, .store-phone-button small { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.store-phone-button strong { color: var(--text); font-size: 13px; font-weight: 600; }
.store-phone-button span { color: var(--muted); font-size: 11px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.store-phone-button small { color: #52657d; font-size: 13px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.store-phone-button small.urgent { color: var(--amber); font-weight: 700; }
.store-phone-button small.expired, .store-phone-button small.error { color: var(--red); font-weight: 700; }
.store-phone-button small.pending, .store-phone-button.empty strong { color: #929dac; font-weight: 400; }
.secret-input-wrap { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.secret-input-wrap input { width: 100%; }
.secret-reveal-button { min-width: 62px; padding: 0 12px; }
.field-help { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.field-error { margin: 0; color: var(--red); font-size: 12px; line-height: 1.5; }
.store-phone-modal-card { width: min(520px, calc(100vw - 40px)); }
.store-browser-action { min-width: 56px; height: 31px; padding: 0 10px; border: 1px solid #b9d9f4; border-radius: 7px; color: #2388d3; background: #eef7ff; font-size: 12px; font-weight: 700; white-space: nowrap; }
.store-browser-action.close { border-color: #f0c98b; color: #b86b09; background: #fff7e8; }
.store-browser-action:disabled { cursor: wait; opacity: .6; }
.ip-status { display: inline-flex; align-items: center; min-height: 24px; max-width: 100%; overflow: hidden; padding: 0 8px; border-radius: 99px; text-overflow: ellipsis; white-space: nowrap; color: #277bb7; background: var(--blue-soft); font-size: 12px; font-weight: 700; }
.ip-status.error { color: #c63f3f; background: var(--red-soft); }
.ip-status.unknown { color: #a66c11; background: var(--amber-soft); }
.row-actions { display: flex; justify-content: flex-end; gap: 6px; min-width: 0; }
.row-actions button { height: 31px; padding: 0 9px; border-radius: 7px; color: #fff; background: var(--blue); font-size: 12px; font-weight: 700; white-space: nowrap; }
.row-actions .expand-button { color: #467090; background: #edf5fc; }
.row-actions .open-button { color: #4e6d87; background: #edf2f7; }
.empty-row { padding: 44px !important; color: var(--muted); text-align: center; }

.order-feature-tabs { height: 63px; min-height: 63px; flex: 0 0 63px; display: flex; gap: 8px; padding: 16px 20px 10px; border-bottom: 1px solid var(--line-soft); background: rgba(255,255,255,.55); }
.order-feature-tab { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 17px; border: 1px solid var(--line); border-radius: 8px; color: #536177; background: #fff; font-size: 13px; font-weight: 700; }
.order-feature-tab.active { border-color: #9ecff3; color: #2579ba; background: var(--blue-soft); }
.order-feature-badge { min-width: 19px; height: 19px; padding: 0 5px; border-radius: 99px; color: #fff; background: var(--red); font-size: 11px; font-weight: 800; line-height: 19px; text-align: center; }
.order-feature-panel { min-width: 0; }
.order-workbench-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; margin: 16px 20px 12px; padding: 0 13px; border: 1px solid #b9daf4; border-radius: 9px; color: #2678b6; background: #f2f8ff; font-size: 13px; }
.order-workbench-status .secondary-button { flex: 0 0 auto; height: 32px; background: #fff !important; }
.order-workbench-metrics { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); margin: 0 20px 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: var(--shadow); }
.order-workbench-metric { position: relative; min-height: 72px; display: grid; align-content: center; gap: 5px; padding: 12px 22px; }
.order-workbench-metric + .order-workbench-metric { border-left: 1px solid var(--line); }
.order-workbench-metric span { color: #65748a; font-size: 12px; }
.order-workbench-metric strong { color: var(--blue); font-size: 21px; font-variant-numeric: tabular-nums; }
.order-workbench-metric.shipping strong { color: #d98715; }
.order-workbench-metric.case strong { color: var(--red); }
.order-workbench-list { margin: 0 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: var(--shadow); }
.order-workbench-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 58px; padding: 10px 13px; border-bottom: 1px solid var(--line); }
.order-workbench-list-heading h2 { font-size: 17px; }
.order-workbench-list-heading p { margin-top: 4px; color: var(--muted); font-size: 11px; }
.order-workbench-filters { display: flex; align-items: center; gap: 9px; }
.order-workbench-filters select { min-width: 130px; height: 34px; padding: 0 30px 0 10px; border: 1px solid var(--line); border-radius: 7px; color: #4d5d73; outline: 0; background: #fff; font-size: 12px; }
.order-workbench-filters select:focus { border-color: #9dceef; box-shadow: 0 0 0 3px rgba(33,139,224,.1); }
.order-workbench-filters .primary-button { height: 34px; padding: 0 15px; white-space: nowrap; }
.order-workbench-list .order-timeline { margin: 0; }
.order-workbench-list .order-event-table-wrap { border: 0; border-radius: 0; box-shadow: none; }
.order-workbench-table { min-width: 1240px; }
.order-workbench-table th:nth-child(1) { width: 145px; }
.order-workbench-table th:nth-child(2) { width: 135px; }
.order-workbench-table th:nth-child(3) { width: 105px; }
.order-workbench-table th:nth-child(4) { width: auto; }
.order-workbench-table th:nth-child(5) { width: 135px; }
.order-workbench-table th:nth-child(6) { width: 100px; }
.order-workbench-table th:nth-child(7) { width: 125px; }
.order-workbench-table th:nth-child(8) { width: 108px; }
.order-workbench-product { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 11px; min-width: 0; }
.order-workbench-image-placeholder { display: grid; width: 58px; height: 58px; place-items: center; border: 1px dashed #d6e0e9; border-radius: 8px; color: #a5afbb; background: #f8fafc; }
.order-workbench-type, .order-workbench-status-pill { display: inline-flex; align-items: center; max-width: 100%; min-height: 25px; padding: 0 9px; overflow: hidden; border-radius: 99px; text-overflow: ellipsis; white-space: nowrap; color: #2478b6; background: #e9f4fd; font-size: 11px; font-weight: 750; }
.order-workbench-type.shipping, .order-workbench-status-pill.shipping { color: #a86b14; background: #fff2dd; }
.order-workbench-type.cases, .order-workbench-status-pill.cases { color: #bf4747; background: #fff0ef; }
.order-workbench-action { min-width: 82px; height: 32px; padding: 0 10px; border: 1px solid #8cc7ef; border-radius: 7px; color: #2478b6; background: #fff; font-size: 12px; font-weight: 750; white-space: nowrap; }
.order-workbench-action:hover { color: #fff; background: var(--blue); }
.order-workbench-action.shipping { border-color: #efbe70; color: #a86b14; }
.order-workbench-action.shipping:hover { color: #fff; background: #e79a25; }
.order-workbench-action.cases { border-color: #eeaaa6; color: #bf4747; }
.order-workbench-action.cases:hover { color: #fff; background: var(--red); }
.order-workbench-pagination { display: flex; min-height: 48px; align-items: center; gap: 14px; padding: 8px 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; flex-wrap: wrap; }
.order-workbench-pagination[hidden] { display: none; }
.order-workbench-pagination nav, .order-page-buttons { display: flex; align-items: center; gap: 6px; }
.page-size-host { display: inline-flex; align-items: center; margin-left: auto; }
.page-size-control { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); white-space: nowrap; }
.page-size-control select, .page-size-control input { height: 31px; border: 1px solid var(--line); border-radius: 7px; padding: 0 8px; color: #536177; background: #fff; font: inherit; font-size: 12px; }
.page-size-control select { min-width: 82px; }
.page-size-control input { width: 62px; }
.order-page-button { min-width: 31px; height: 31px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; color: #536177; background: #fff; font-size: 12px; font-weight: 750; }
.order-page-button:hover:not(:disabled), .order-page-button.active { border-color: var(--blue); color: #fff; background: var(--blue); }
.order-page-button:disabled { cursor: default; opacity: .45; }
.order-operation-panel { padding: 16px 20px 0; }
.order-operation-metrics { flex: 0 0 auto; display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); margin-bottom: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: var(--shadow); }
.order-operation-metric { min-height: 78px; display: grid; align-content: center; gap: 5px; padding: 13px 22px; }
.order-operation-metric + .order-operation-metric { border-left: 1px solid var(--line); }
.order-operation-metric span { color: #65748a; font-size: 12px; }
.order-operation-metric strong { color: var(--blue); font-size: 23px; font-variant-numeric: tabular-nums; }
.order-operation-metric.urgent strong, .order-operation-metric.processing strong { color: #d98715; }
.order-operation-metric.ready strong, .order-operation-metric.resolved strong { color: var(--green); }
.order-operation-metrics.cases .order-operation-metric:first-child strong { color: var(--red); }
.order-operation-card { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: var(--shadow); }
.order-operation-heading { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 11px 13px; border-bottom: 1px solid var(--line); }
.order-operation-heading h2 { font-size: 17px; }
.order-operation-heading p { max-width: 640px; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.order-operation-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.order-operation-filters select, .order-operation-filters input { height: 34px; border: 1px solid var(--line); border-radius: 7px; color: #4d5d73; outline: 0; background: #fff; font-size: 12px; }
.order-operation-filters select { min-width: 126px; padding: 0 30px 0 10px; }
.order-operation-filters input { width: 190px; padding: 0 10px; }
.order-operation-filters select:focus, .order-operation-filters input:focus { border-color: #9dceef; box-shadow: 0 0 0 3px rgba(33,139,224,.1); }
.order-operation-filters button { height: 34px; white-space: nowrap; }
.order-operation-filters .primary-button { padding: 0 14px; border-radius: 8px; color: #fff; background: var(--blue); font-size: 12px; font-weight: 750; }
.order-operation-note { padding: 9px 13px; border-bottom: 1px solid var(--line); color: #51647c; background: #f8fbfe; font-size: 12px; }
.order-operation-note.warning { color: #9a681a; background: var(--amber-soft); }
.order-operation-table-region .order-event-table-wrap { border: 0; border-radius: 0; box-shadow: none; }
.order-operation-table { min-width: 1420px; }
.order-operation-table th:nth-child(1) { width: 160px; }
.order-operation-table th:nth-child(2) { width: 140px; }
.order-operation-table th:nth-child(3) { width: 80px; }
.order-operation-table th:nth-child(4) { width: auto; }
.order-operation-table th:nth-child(5) { width: 145px; }
.order-operation-table th:nth-child(6) { width: 110px; }
.order-operation-table th:nth-child(7) { width: 150px; }
.order-operation-table th:nth-child(8) { width: 330px; }
.order-operation-table.offers { min-width: 1700px; }
.order-operation-table.offers th:nth-child(1) { width: 160px; }
.order-operation-table.offers th:nth-child(2) { width: 140px; }
.order-operation-table.offers th:nth-child(3) { width: 220px; }
.order-operation-table.offers th:nth-child(4) { width: 90px; }
.order-operation-table.offers th:nth-child(5) { width: 260px; }
.order-operation-table.offers th:nth-child(6) { width: 220px; }
.order-operation-table.offers th:nth-child(7) { width: 110px; }
.order-operation-table.offers th:nth-child(8) { width: 180px; }
.order-operation-table.offers th:nth-child(9) { width: 90px; }
.order-operation-table.shipping { width: 100%; min-width: 0; }
.order-operation-table.shipping th:nth-child(1) { width: 9%; }
.order-operation-table.shipping th:nth-child(2) { width: 7%; }
.order-operation-table.shipping th:nth-child(3) { width: 4%; }
.order-operation-table.shipping th:nth-child(4) { width: 13%; }
.order-operation-table.shipping th:nth-child(5) { width: 5%; }
.order-operation-table.shipping th:nth-child(6) { width: 13%; }
.order-operation-table.shipping th:nth-child(7) { width: auto; }
.order-operation-table.shipping th:nth-child(8) { width: 4%; }
.order-operation-table.shipping th:nth-child(9) { width: 5%; }
.order-operation-table.shipping th:nth-child(10) { width: 210px; }
.order-operation-table.shipping th:nth-child(11) { width: 180px; }
.order-operation-table.shipping th:nth-child(12) { width: 120px; }
.order-operation-table.shipping th:first-child { white-space: normal; }
#orderShippingWorkbenchPanel .order-event-table-wrap { overflow-x: hidden; }
.order-copy-marker-heading, .order-copy-marker-cell { text-align: center !important; }
.order-copy-bookmark { display: inline-grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 0; border-radius: 9px; color: #94a3b8; background: transparent; cursor: pointer; }
.order-copy-bookmark:hover { color: var(--blue); background: #eef7fe; }
.order-copy-bookmark:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.order-copy-bookmark.is-marked { color: var(--blue); background: #e8f4fd; }
.order-copy-bookmark svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.order-copy-bookmark.is-marked svg { fill: currentColor; }
.order-account-cell .store-email, .order-buyer-name { display: block; color: #61718a; font-size: 11px; font-weight: 400; }
.order-account-cell .order-event-store-link { display: inline-block; margin-top: 0; }
.order-account-identity .store-email { margin-top: 5px; }
.order-account-cell > span { display: block; margin-top: 5px; }
.order-buyer-cell { min-width: 0; }
.order-buyer-url { display: inline-block; max-width: 100%; margin-top: 5px; overflow-wrap: anywhere; line-height: 1.35; }
.order-id-heading { display: inline-grid; gap: 2px; line-height: 1.15; white-space: nowrap; }
.order-operation-table.cases { width: 100%; min-width: 0; table-layout: fixed; }
/* Ten Case columns share the available width. */
.order-operation-table.cases th:nth-child(1) { width: 11%; }
.order-operation-table.cases th:nth-child(2) { width: 8%; }
.order-operation-table.cases th:nth-child(3) { width: 14%; }
.order-operation-table.cases th:nth-child(4) { width: 5%; }
.order-operation-table.cases th:nth-child(5) { width: 10%; }
.order-operation-table.cases th:nth-child(6) { width: 11%; }
.order-operation-table.cases th:nth-child(7) { width: 7%; }
.order-operation-table.cases th:nth-child(8) { width: 10%; }
.order-operation-table.cases th:nth-child(9) { width: 9%; }
.order-operation-table.cases th:nth-child(10) { width: 15%; }
.order-operation-table.cases :is(th, td) { padding: 12px 7px; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.order-operation-table.cases :is(.order-operation-status, .order-operation-action) { max-width: 100%; min-width: 0; height: auto; min-height: 31px; padding: 5px 8px; line-height: 1.4; white-space: nowrap; }
.order-operation-table.cases .order-operation-status { display: inline-block; white-space: normal; overflow-wrap: anywhere; }
.order-operation-table.cases .order-operation-actions { flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 6px; white-space: nowrap; }
.order-operation-table.cases .order-operation-action { flex: 0 0 auto; min-width: 56px; }
.order-operation-table.cases .order-case-id { display: inline-block; max-width: 100%; margin: 0; white-space: normal; overflow-wrap: anywhere; }
.order-operation-table.cases .case-updated-time { font-variant-numeric: tabular-nums; }
.order-operation-table.cases .store-email { white-space: normal; overflow-wrap: anywhere; }
.order-operation-table.cases .order-product-images img { width: min(48px, 100%); height: auto; aspect-ratio: 1; object-fit: cover; }
.order-operation-table.cases :is(.order-event-image-button, .order-workbench-image-placeholder) { width: min(48px, 100%); height: auto; min-height: 36px; aspect-ratio: 1; }
.order-operation-table.cases .order-event-image-stack { display: grid; grid-template-columns: 1fr; }
.order-operation-table.cases :is(.order-event-store-link, .order-buyer-link) { max-width: 100%; overflow-wrap: anywhere; }
.order-case-id { display: block; max-width: 150px; overflow: hidden; color: #52657d; text-overflow: ellipsis; white-space: nowrap; }
.order-case-product { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; min-width: 0; align-items: start; }
.order-case-product strong { overflow-wrap: anywhere; font-weight: 600; }
.case-chat-button { display: inline-flex; min-width: 58px; align-items: center; justify-content: center; gap: 5px; }
.case-chat-unread { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; color: #fff; background: var(--red); font-size: 10px; font-weight: 800; line-height: 18px; text-align: center; }
.order-operation-table tr.unread { background: #f2f8ff; }
.order-operation-table tr.unread td:first-child { box-shadow: inset 4px 0 0 var(--blue); }
.order-operation-table.shipping tr.read { background: #fff; }
.order-operation-table.shipping tr.unread { background: #e7f3ff; }
.order-operation-table tr.urgent { background: #fffaf0; }
.order-operation-status { display: inline-flex; min-height: 25px; align-items: center; max-width: 100%; padding: 0 9px; overflow: hidden; border: 0; border-radius: 99px; color: #2478b6; background: #e9f4fd; text-overflow: ellipsis; white-space: nowrap; font: inherit; font-size: 11px; font-weight: 750; }
.offer-conversation-status { cursor: pointer; }
.offer-conversation-status:hover { box-shadow: 0 0 0 3px rgba(33,139,224,.12); }
.order-operation-status.awaiting-reply, .order-operation-status.open, .order-operation-status.needs-profile { color: #c04343; background: #fff0ef; }
.order-operation-status.waiting-buyer, .order-operation-status.processing, .order-operation-status.awaiting { color: #a86b14; background: #fff2dd; }
.order-operation-status.completed, .order-operation-status.resolved, .order-operation-status.handled, .order-operation-status.label-ready { color: #16875b; background: var(--green-soft); }
.order-operation-status.read { color: #778397; background: #eef2f6; }
.order-operation-status.order-sold { color: #16875b; background: var(--green-soft); }
.order-operation-status.order-in-transit { color: #2478b6; background: #e9f4fd; }
.order-operation-status.order-cancelled { color: #c04343; background: #fff0ef; }
.order-status-cell { display: grid; justify-items: start; gap: 4px; min-width: 0; }
.offer-platform-feedback-cell { min-width: 150px; max-width: 360px; }
.offer-platform-feedback { display: block; width: 100%; min-height: 20px; padding: 0; overflow-wrap: anywhere; color: #405166; font-size: 12px; line-height: 1.45; text-align: left; }
.offer-platform-feedback-primary { display: block; }
.offer-platform-feedback small { display: block; margin-top: 3px; color: #232f3e; font-size: 11px; font-weight: 500; line-height: 1.4; }
.offer-platform-feedback.empty { min-height: 20px; }
.offer-status-timeline { display: inline-flex; min-height: 20px; align-items: center; gap: 7px; color: #778397; font-size: 12px; font-weight: 700; line-height: 1.35; white-space: nowrap; }
.offer-status-timeline.empty { display: block; }
.offer-status-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: currentColor; }
.offer-status-timeline.success { color: #16875b; }
.offer-status-timeline.counter, .offer-status-timeline.progress { color: #b87512; }
.offer-status-timeline.muted { color: #778397; }
.offer-status-timeline.error { color: #d34141; }
.order-sale-elapsed { color: #718098; font-size: 11px; font-variant-numeric: tabular-nums; line-height: 1.2; white-space: nowrap; }
.order-sale-elapsed.overdue { color: #c98a00; font-weight: 750; }
.order-logistics-toggle { border: 0; cursor: pointer; }
.order-logistics-toggle:hover { color: #fff; background: var(--blue); }
.order-logistics-hint { color: #718098; font-size: 11px; white-space: nowrap; }
.order-logistics-popover { position: fixed; z-index: 1000; width: min(430px, calc(100vw - 20px)); max-height: min(360px, calc(100vh - 20px)); overflow: auto; padding: 12px 14px; border: 1px solid #cfe0ee; border-radius: 10px; color: #52647a; background: #fff; box-shadow: 0 12px 30px rgba(35, 70, 109, .2); font-size: 12px; line-height: 1.45; }
.order-logistics-popover-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #213955; }
.order-logistics-popover-heading strong { font-size: 13px; }
.order-logistics-close { width: 24px; height: 24px; border: 0; border-radius: 6px; cursor: pointer; color: #61728a; background: #f2f6fa; font-size: 18px; line-height: 1; }
.order-logistics-close:hover { color: #fff; background: var(--blue); }
.order-logistics-popover p { margin: 4px 0; overflow-wrap: anywhere; }
.order-logistics-route { color: #2478b6; font-weight: 700; }
.order-logistics-history { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e4ecf3; }
.order-logistics-empty { color: #718098; }
.order-label-download { border: 0; cursor: pointer; }
.order-label-download:hover:not(:disabled) { color: #fff; background: var(--green); }
.order-label-download:disabled { cursor: not-allowed; opacity: .65; }
.shipping-label-cell { display: grid; justify-items: start; gap: 4px; }
.shipping-label-line { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
.shipping-label-line > * { flex-shrink: 0; }
.shipping-label-refresh { flex: 0 0 27px; min-width: 27px; }
.shipping-label-cell > small { max-width: 100%; overflow-wrap: anywhere; }
.shipping-label-refresh { display: grid; width: 27px; height: 27px; place-items: center; border: 0; border-radius: 7px; color: #fff; background: var(--blue); cursor: pointer; font-size: 16px; line-height: 1; }
.shipping-label-refresh:hover:not(:disabled) { background: #1378c7; }
.shipping-label-refresh:disabled { cursor: not-allowed; opacity: .55; }
.shipping-label-refresh.is-refreshing:disabled { cursor: progress; opacity: 1; }
.shipping-label-refresh.is-refreshing span { display: inline-block; animation: shipping-label-spin .7s linear infinite; }
@keyframes shipping-label-spin { to { transform: rotate(360deg); } }
.shipping-label-updated { color: var(--red); font-size: 11px; font-weight: 750; }
.shipping-label-error { max-width: 210px; color: var(--red); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.order-operation-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.order-operation-action { min-width: 62px; height: 31px; padding: 0 9px; border: 1px solid #8cc7ef; border-radius: 7px; color: #2478b6; background: #fff; font-size: 12px; font-weight: 750; white-space: nowrap; }
.order-operation-action:hover:not(:disabled) { color: #fff; background: var(--blue); }
.order-operation-action.positive { border-color: #86d2b3; color: #13875b; }
.order-operation-action.positive:hover:not(:disabled) { color: #fff; background: var(--green); }
.order-operation-action.danger { border-color: #efafaf; color: #c54747; }
.order-operation-action.danger:hover:not(:disabled) { color: #fff; background: var(--red); }
.order-operation-action.quiet { border-color: #d6dee8; color: #5e6c7f; background: #f7f9fb; }
.order-operation-action.is-opening { cursor: wait; color: #fff; background: var(--blue); }
.order-operation-action.is-opened { border-color: #8bd1b1; color: #16875b; background: var(--green-soft); }
.order-operation-actions .store-browser-action { height: 31px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important; }
.order-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 17px 20px 12px; }
.order-section-heading h2 { font-size: 17px; }
.order-section-heading p { margin-top: 5px; color: var(--muted); font-size: 12px; }
.selection-count { color: var(--muted); font-size: 13px; white-space: nowrap; }
.order-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 10px; padding: 0 20px 12px; }
.order-summary-card { min-height: 64px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.order-summary-card span { display: block; color: var(--muted); font-size: 11px; }
.order-summary-card strong { display: block; margin-top: 5px; color: #2c4864; font-size: 20px; }
.order-heading-actions, .order-mode-actions, .order-action-row { display: flex; align-items: center; gap: 9px; }
.order-mode-actions, .order-action-row { flex-wrap: wrap; }
.order-heading-actions button { height: 34px; }
.order-action-row { min-height: 46px; padding: 0 20px 12px; }
.order-action-row > .secondary-button { height: 34px; }
.compact-number-field { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.compact-number-field input { width: 68px; height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; color: var(--text); outline: 0; background: #fff; text-align: center; }
.compact-number-field input:focus { border-color: #9dceef; box-shadow: 0 0 0 3px rgba(33,139,224,.1); }
.compact-select-field { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.compact-select-field select { height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; color: var(--text); outline: 0; background: #fff; }
.compact-check-field { display: flex; align-items: center; gap: 6px; min-height: 34px; color: var(--muted); font-size: 12px; white-space: nowrap; }
.compact-check-field input { width: 16px; height: 16px; accent-color: var(--blue); }
.order-panel { margin-top: 0; }
.order-overview-filters { padding: 10px 20px; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line); background: #fff; }
.order-overview-table { min-width: 1120px; }
.order-overview-table.manual { min-width: 1180px; }
.order-overview-table th:nth-child(1) { width: 46px; }
.order-overview-table th:nth-child(2) { width: 155px; }
.order-overview-table th:nth-child(3) { width: 230px; }
.order-overview-table th:nth-child(4), .order-overview-table th:nth-child(5) { width: 105px; }
.order-overview-table th:nth-child(6) { width: 180px; }
.order-overview-table th:nth-child(7) { width: 230px; }
.order-overview-table th:nth-child(8) { width: 105px; }
.order-overview-table.manual th:nth-child(6) { width: 170px; }
.order-overview-table.manual th:nth-child(8) { width: 220px; }
.order-store-check { width: 16px; height: 16px; accent-color: var(--blue); }
.order-count-link { min-width: 42px; height: 29px; padding: 0 9px; border-radius: 7px; color: #2579ba; background: var(--blue-soft); font-size: 12px; font-weight: 750; }
.order-count-link.has-unread { color: #fff; background: var(--blue); }
.order-latest { display: grid; gap: 3px; min-width: 0; }
.order-latest strong { overflow: hidden; color: #40516a; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.order-latest small { color: var(--muted); font-size: 11px; }
.order-store-inactive td { color: #8d99a8; background: #f4f6f8; }
.order-store-inactive .store-title, .order-store-inactive .store-handle, .order-store-inactive code { opacity: .62; }
.order-timeline { margin: 0 20px; }
.order-event-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: 0 4px 16px rgba(31, 53, 88, .05); }
.order-event-table { width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; color: var(--text); font-size: 13px; }
.order-event-table th { height: 45px; padding: 0 12px; border-bottom: 1px solid var(--line); color: #69768a; background: #fbfcfe; text-align: left; white-space: nowrap; font-size: 12px; font-weight: 700; }
.order-event-table td { height: 78px; overflow: hidden; padding: 9px 12px; border-bottom: 1px solid var(--line-soft); vertical-align: middle; text-overflow: ellipsis; }
.order-event-table tbody tr:last-child td { border-bottom: 0; }
.order-event-table th:nth-child(1) { width: 155px; }
.order-event-table th:nth-child(2) { width: 145px; }
.order-event-table th:nth-child(3) { width: 90px; }
.order-event-table th:nth-child(4) { width: auto; }
.order-event-table th:nth-child(5) { width: 150px; }
.order-event-table th:nth-child(6) { width: 110px; }
.order-event-table th:nth-child(7) { width: 100px; }
.order-event-row.read { color: #536177; background: #fff; }
.order-event-row.unread { background: #f2f8ff; }
.order-event-row:hover { background: #f8fbfe; }
.order-event-row.unread td:first-child { box-shadow: inset 4px 0 0 var(--blue); }
.order-event-time { color: #59687d; white-space: nowrap; font-variant-numeric: tabular-nums; font-size: 12px; }
.order-event-store-link, .order-buyer-url { color: #2579ba; font-weight: 750; text-decoration: none; }
.order-event-store-link { display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
.order-event-store-link:hover, .order-buyer-url:hover { text-decoration: underline; }
.order-event-image-button { display: block; width: 58px; height: 58px; overflow: hidden; border: 1px solid #d9e5ef; border-radius: 8px; background: #f7fafc; }
.order-event-image-button:hover { border-color: #78b9e8; box-shadow: 0 0 0 3px rgba(33,139,224,.1); }
.order-event-image-button img { width: 100%; height: 100%; object-fit: cover; color: transparent; opacity: 0; transition: opacity .12s ease; }
.order-event-image-button img.is-loaded { opacity: 1; }
.order-operation-table td.offer-product-images { height: auto; overflow: visible; }
.order-operation-table td.order-product-images { height: auto; overflow: visible; }
.order-event-image-stack { display: grid; gap: 3px; width: 58px; }
.order-event-image-stack .order-event-image-button { border-radius: 4px; }
.order-image-preview-backdrop { position: fixed; z-index: 80; inset: 0; display: grid; place-items: center; padding: 5vh 5vw; outline: 0; background: rgba(12, 20, 32, .78); cursor: zoom-out; }
.order-image-preview-backdrop img { display: block; max-width: 90vw; max-height: 90vh; object-fit: contain; border-radius: 8px; background: #fff; box-shadow: 0 18px 60px rgba(0, 0, 0, .42); cursor: default; }
.order-event-title-button { display: grid; gap: 5px; width: 100%; color: inherit; background: transparent; text-align: left; }
.order-event-title-button > span { display: -webkit-box; overflow: hidden; font-weight: 750; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.order-event-title-button small { display: inline-flex; align-items: center; gap: 5px; color: #8793a3; font-size: 11px; font-weight: 650; }
.order-event-title-button small i { width: 7px; height: 7px; border-radius: 50%; background: #aab4c1; }
.order-event-row.unread .order-event-title-button small { color: #2579ba; }
.order-event-row.unread .order-event-title-button small i { background: var(--blue); box-shadow: 0 0 0 3px rgba(37,121,186,.13); }
.order-event-amount { white-space: nowrap; font-weight: 750; font-variant-numeric: tabular-nums; }
.order-timeline-empty { padding: 52px 20px; border: 1px dashed #cad5e2; border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.55); text-align: center; }
.order-detail-backdrop { position: fixed; z-index: 30; inset: 0; display: flex; justify-content: flex-end; background: rgba(17, 31, 49, .28); }
.order-detail-drawer { width: min(460px, 92vw); height: 100%; overflow: auto; outline: 0; background: #fff; box-shadow: -14px 0 40px rgba(17, 31, 49, .18); }
.order-detail-heading { position: sticky; z-index: 1; top: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 19px 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); }
.order-detail-heading h2 { margin-top: 5px; font-size: 19px; }
.order-detail-kind { color: #2579ba; font-size: 12px; font-weight: 800; }
.order-detail-body { display: grid; gap: 14px; padding: 18px 20px 30px; }
.order-detail-image-link { display: block; border-radius: 9px; }
.order-detail-images { display: grid; gap: 6px; }
.order-detail-images.bundle { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); }
.order-detail-images.bundle .order-detail-image { height: 150px; }
.order-detail-image { width: 100%; max-height: 260px; object-fit: contain; border: 1px solid var(--line); border-radius: 9px; background: #f8fafc; }
.order-detail-actions { position: sticky; bottom: 0; display: grid; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); }
.order-detail-actions button { width: 100%; height: 40px; border-radius: 8px; color: #fff; background: var(--blue); font-weight: 750; }
.order-detail-actions .temporary-show-button { background: #7a57d1; }
.order-detail-actions .restore-hidden-button { color: #775616; background: #fff2cc; border: 1px solid #e9cf80; }
.order-detail-summary { display: grid; gap: 7px; padding: 13px; border-radius: 9px; color: #34506b; background: var(--blue-soft); }
.order-detail-summary strong { font-size: 14px; }
.order-detail-fields { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.order-detail-field { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 11px 12px; border-bottom: 1px solid var(--line-soft); font-size: 13px; }
.order-detail-field:last-child { border-bottom: 0; }
.order-detail-field dt { color: var(--muted); }
.order-detail-field dd { margin: 0; overflow-wrap: anywhere; color: #34465e; }
.order-detail-message { padding: 13px; border: 1px solid var(--line); border-radius: 9px; color: #40516a; font-size: 13px; line-height: 1.6; white-space: pre-wrap; }
.offer-conversation-backdrop { position: fixed; z-index: 35; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(17,31,49,.44); }
.offer-conversation-dialog { position: relative; width: min(940px, 96vw); max-height: min(92vh, 900px); overflow: auto; outline: 0; border-radius: 10px; background: #fff; box-shadow: 0 24px 70px rgba(17,31,49,.28); }
.offer-conversation-heading { position: sticky; z-index: 2; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 13px 18px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.98); }
.offer-conversation-heading > div { display: grid; gap: 4px; }
.offer-conversation-heading span { color: #2785c7; font-size: 12px; font-weight: 800; }
.offer-conversation-heading h2 { margin: 0; font-size: 20px; line-height: 1.35; }
.offer-conversation-content { display: grid; gap: 0; padding: 0 24px 22px; }
.offer-conversation-product { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 15px; align-items: center; padding: 22px 0 18px; border-bottom: 1px solid #e3e3e3; background: #fff; }
.offer-conversation-image { display: grid; place-items: center; width: 76px; height: 76px; overflow: hidden; border: 1px solid #e1e4e8; border-radius: 5px; color: var(--muted); background: #f6f9fc; font-size: 12px; }
.offer-conversation-image img { width: 100%; height: 100%; object-fit: contain; }
 .offer-conversation-bundle { border-bottom: 1px solid #e3e3e3; }
.offer-conversation-more-toggle { display: block; border: 0; background: transparent; padding: 20px 0; color: #999; text-decoration: underline; font-size: 16px; cursor: pointer; }
.offer-conversation-help { display: inline-flex; align-items: center; gap: 7px; }
.offer-help-caret { display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #d4d4d4; }


.offer-conversation-product-info { display: grid; gap: 8px; min-width: 0; color: #555; font-size: 14px; }
.offer-conversation-product-info strong { overflow-wrap: anywhere; color: #111b2b; font-size: 18px; }
.offer-conversation-product-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.offer-conversation-product-meta > * { padding: 0 14px; border-left: 1px solid #d9d9d9; }
.offer-conversation-product-meta > :first-child { padding-left: 0; border-left: 0; }
.offer-conversation-product-info b { color: #111; font-size: 18px; }
.offer-conversation-thread { display: grid; gap: 18px; min-height: 240px; padding: 30px 0; border-bottom: 1px solid #e3e3e3; background: #fff; }
.offer-conversation-message { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: end; gap: 8px; justify-items: start; }
.offer-conversation-message.seller { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: end; }
.offer-conversation-message.unknown { grid-template-columns: minmax(0, 1fr); }
.offer-conversation-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: #fff; background: #c74208; font-size: 20px; }
.offer-conversation-bubble { display: grid; gap: 4px; max-width: min(610px, 92%); padding: 14px 18px; border-radius: 14px 14px 14px 3px; color: #65132c; background: #f5f5f5; font-size: 15px; line-height: 1.45; }
.offer-conversation-bubble b { font-size: 15px; }
.offer-conversation-message.seller .offer-conversation-bubble { border-radius: 14px 14px 3px 14px; color: #fff; background: #761534; }
.offer-conversation-message.seller .offer-conversation-bubble strong { color: #fde8ef; }
.offer-conversation-message time { grid-column: 2; color: #8491a2; font-size: 11px; }
.offer-conversation-message.seller time, .offer-conversation-message.unknown time { grid-column: 1; }
.offer-conversation-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0 0; background: #fff; }
.offer-conversation-actions > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
.offer-conversation-actions.disabled { color: var(--muted); font-size: 13px; }
.offer-conversation-help { min-width: 92px; height: 42px; padding: 0 15px; border: 1px solid #ced3d9; color: #222; background: #fff; font: inherit; font-size: 15px; }
.offer-conversation-help:disabled { opacity: 1; }
.offer-conversation-action { min-width: 98px; height: 44px; padding: 0 16px; border: 1px solid #c9cdd2; border-radius: 4px; color: #555; background: #fff; font-weight: 700; }
.offer-conversation-action.accept { border-color: #1a1a1a; color: #fff; background: #1a1a1a; }
.offer-conversation-action.reject, .offer-conversation-action.counter { border-color: #c9cdd2; color: #555; background: #fff; }
.offer-conversation-action:disabled { cursor: wait; opacity: .6; }
.offer-conversation-inner-backdrop { position: absolute; z-index: 4; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(0,0,0,.48); }
.offer-conversation-inner-dialog { width: min(620px, 96%); overflow: hidden; border-radius: 5px; background: #fff; box-shadow: 0 18px 55px rgba(0,0,0,.28); }
.offer-conversation-inner-dialog > header { display: flex; align-items: center; justify-content: center; min-height: 68px; padding: 0 20px; border-bottom: 1px solid #e6e6e6; color: #666; font-size: 19px; }
.offer-conversation-inner-dialog > header .plain-button { position: absolute; margin-left: min(550px, 78vw); font-size: 25px; }
.offer-conversation-confirm-body { display: grid; gap: 12px; padding: 30px 28px; }
.offer-conversation-confirm-body > strong { color: #2b4059; font-size: 17px; }
.offer-conversation-confirm-body > p { margin: 0; color: #6d7c90; line-height: 1.6; }
.offer-conversation-inner-dialog > footer { display: flex; justify-content: flex-end; gap: 14px; padding: 18px 24px; border-top: 1px solid #e6e6e6; }
.offer-conversation-counter-buyer { display: flex; align-items: center; gap: 14px; padding: 26px; border-bottom: 1px solid #eee; color: #333; font-size: 15px; }
.offer-conversation-counter-fields { display: grid; gap: 16px; padding: 26px; }
.offer-conversation-counter-fields label { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 16px; color: #666; font-size: 15px; }
.offer-conversation-counter-fields input { height: 44px; padding: 0 12px; border: 1px solid #d6d9dd; color: #222; background: #fff; font: inherit; font-size: 16px; }
.offer-conversation-counter-fields input[readonly] { background: #f5f5f5; }
.offer-conversation-counter-fields small, .offer-conversation-counter-fields p { margin: 0; color: #808892; font-size: 13px; line-height: 1.5; }
.offer-conversation-inline-error { padding: 10px 12px; border: 1px solid #f1c4c4; border-radius: 8px; color: #b94242; background: #fff5f5; font-size: 13px; line-height: 1.45; }
.offer-conversation-syncing { padding: 8px 12px; border-radius: 8px; color: #65758a; background: #f6f8fb; font-size: 12px; line-height: 1.45; }
.offer-conversation-result { padding: 12px 14px; border: 1px solid #d8dde4; border-radius: 8px; color: #161616; background: #f7f8fa; font-size: 14px; font-weight: 650; line-height: 1.55; }
.offer-conversation-result.error { border-color: #efb5b5; color: #161616; background: #fff7f7; }
.offer-conversation-loading, .offer-conversation-error { display: grid; justify-items: center; gap: 10px; padding: 62px 24px; color: #65758a; text-align: center; }
.offer-conversation-loading strong, .offer-conversation-error strong { color: #2b4059; font-size: 16px; }
.offer-conversation-error > div { display: flex; gap: 8px; margin-top: 6px; }
.offer-conversation-error { color: #b94b4b; }

/* Real Offer-page geometry captured from the signed-in Poshmark page. */
.offer-conversation-dialog { width: min(840px, 96vw); max-height: min(88vh, 760px); border-radius: 4px; box-shadow: 0 18px 52px rgba(0,0,0,.24); font-family: Arial, Helvetica, sans-serif; }
.offer-conversation-heading { position: absolute; z-index: 3; inset: 0 0 auto; height: 0; min-height: 0; padding: 0; border: 0; background: transparent; }
.offer-conversation-heading > div { display: none; }
.offer-conversation-heading .plain-button { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; border-radius: 4px; color: #777; background: rgba(255,255,255,.92); font-size: 23px; line-height: 1; }
.offer-conversation-content { padding: 0 22px 20px; }
.offer-conversation-product { grid-template-columns: 68px minmax(0, 1fr); gap: 14px; padding: 22px 0 16px; }
.offer-conversation-image { width: 68px; height: 68px; border: 0; border-radius: 5px; background: #f5f5f5; }
.offer-conversation-product-info { gap: 6px; color: #666; font-size: 15px; }
.offer-conversation-product-info strong { padding-right: 42px; color: #121212; font-size: 18px; line-height: 1.22; }
.offer-conversation-product-meta { color: #777; }
.offer-conversation-product-meta > * { padding: 0 12px; border-left-color: #ddd; }
.offer-conversation-product-info b { color: #111; font-size: 18px; }
.offer-conversation-presentation-summary { display: flex; align-items: center; gap: 5px; padding: 18px 0 0; color: #a0a0a0; font-size: 14px; line-height: 1.25; }
.offer-conversation-presentation-summary > :last-child { color: #333; text-decoration: underline; }
.offer-conversation-thread { min-height: 294px; gap: 20px; padding: 20px 0 28px; border-bottom: 1px solid #e7e7e7; }
.offer-conversation-message { grid-template-columns: 38px minmax(0, 1fr); gap: 8px; align-items: end; }
.offer-conversation-message.seller { grid-template-columns: minmax(0, 1fr) 38px; }
.offer-conversation-message.platform { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: center; justify-items: start; margin-bottom: 16px; }
.offer-conversation-message.unknown { grid-template-columns: minmax(0, 1fr); justify-items: center; }
.offer-conversation-avatar { width: 38px; height: 38px; overflow: hidden; border: 0; color: #fff; background: #a83151; font-size: 16px; }
.offer-conversation-avatar img { width: 100%; height: 100%; object-fit: cover; }
.offer-conversation-bubble { width: fit-content; max-width: min(430px, 78%); padding: 17px 20px; border-radius: 14px 14px 14px 0; color: #6d0b2c; background: #f5f4f4; font-size: 16px; line-height: 1.35; }
.offer-conversation-message.seller .offer-conversation-bubble { justify-self: end; border-radius: 14px 14px 0 14px; color: #fff; background: #790027; }
.offer-conversation-message.platform .offer-conversation-bubble { max-width: min(430px, 78%); padding: 16px; border-radius: 10px 10px 10px 0; color: #121212; background: #f6f6f6; font-size: 16px; text-align: left; }
.offer-conversation-message.unknown .offer-conversation-bubble { max-width: min(500px, 92%); padding: 10px 14px; color: #666; background: #f7f7f7; font-size: 14px; text-align: center; }
.offer-conversation-message time { grid-column: 2; margin: 4px 0 0 22px; color: #999; font-size: 12px; }
.offer-conversation-message.seller time { grid-column: 1 / 3; justify-self: end; margin: 4px 46px 0 0; }
.offer-conversation-message.platform time { grid-column: 2; justify-self: start; margin: 4px 0 0 24px; }
.offer-conversation-message.unknown time { grid-column: 1; justify-self: center; margin: 4px 0 0; }
.case-conversation-dialog { width: min(780px, 96vw); }
.case-conversation-content { padding-bottom: 22px; }
.case-conversation-thread { max-height: min(58vh, 560px); min-height: 280px; overflow-y: auto; padding-right: 8px; }
.case-conversation-products { display: grid; width: 68px; height: 68px; grid-template-columns: repeat(2, 1fr); gap: 2px; }
.case-conversation-products img { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.case-conversation-products img:only-child { grid-column: 1 / -1; }
.case-conversation-message .offer-conversation-bubble { gap: 7px; }
.case-conversation-pictures { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 5px; }
.case-conversation-picture-button { width: 92px; height: 92px; padding: 0; overflow: hidden; border: 0; border-radius: 5px; background: #eee; cursor: zoom-in; }
.case-conversation-picture-button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.case-conversation-pictures img { width: 92px; height: 92px; border-radius: 5px; object-fit: cover; background: #eee; }
.case-conversation-source { padding-top: 14px; color: #778397; font-size: 12px; }
.offer-conversation-actions { min-height: 72px; padding: 16px 0; }
.offer-conversation-help { min-width: 82px; height: 40px; padding: 0 13px; border-color: #d9d9d9; color: #333; font-size: 15px; font-weight: 400; }
.offer-conversation-presentation { justify-content: space-between; margin-top: 40px; border-top: 1px solid #e7e7e7; }
.offer-conversation-presentation.help-only { margin-top: 0; border-top: 0; }
.offer-conversation-presentation > div { align-items: center; gap: 4px; color: #222; font-size: 16px; }
.offer-conversation-presentation-link { display: inline; padding: 0; border: 0; color: #2d2d2d; background: transparent; font: inherit; text-decoration: underline; cursor: pointer; }

@media (max-width: 620px) {
  .offer-conversation-backdrop { padding: 10px; }
  .offer-conversation-product { grid-template-columns: 72px minmax(0, 1fr); padding: 11px; }
  .offer-conversation-image { width: 72px; height: 72px; }
  .offer-conversation-content { padding: 14px; }
}

.expanded-row td { padding: 0; background: #f8fbff; }
.store-detail { padding: 16px 18px 20px 58px; border-top: 1px solid #cfe4f5; }
.detail-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.detail-title { display: flex; align-items: center; gap: 9px; }
.detail-title h2 { font-size: 16px; }
.detail-subtitle { margin-top: 5px; color: var(--muted); font-size: 12px; }
.detail-stats { display: grid; grid-template-columns: repeat(4, minmax(116px, 1fr)); gap: 10px; margin-top: 14px; }
.detail-stat { min-height: 67px; padding: 10px; border: 1px solid #e3edf6; border-radius: 8px; background: #fff; }
.detail-stat span { display: block; color: var(--muted); font-size: 12px; }
.detail-stat strong { display: block; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.detail-stat .status-normal { color: #247cbb; }
.detail-stat .status-banned { color: #d34141; }

.share-block { margin-top: 14px; overflow: hidden; border: 1px solid #dfeaf4; border-radius: 9px; background: #fff; }
.share-toolbar { display: flex; align-items: end; gap: 11px; padding: 11px 13px; border-bottom: 1px solid var(--line-soft); }
.share-toolbar label { display: grid; gap: 5px; color: var(--muted); font-size: 12px; }
.share-toolbar input { width: 130px; height: 33px; padding: 0 9px; border: 1px solid var(--line); border-radius: 6px; outline: 0; }
.share-note { flex: 1; align-self: center; color: var(--muted); font-size: 12px; line-height: 1.45; }
.share-toolbar button { height: 33px; padding: 0 11px; border-radius: 7px; color: #4b6e89; background: #ecf5fc; font-size: 12px; font-weight: 700; }
.share-toolbar .share-button { color: #fff; background: var(--blue); }
.share-message { padding: 9px 13px; border-bottom: 1px solid var(--line-soft); color: var(--muted); background: #fbfcfe; font-size: 12px; }
.share-message.success { color: #16875b; background: var(--green-soft); }
.share-message.error { color: #c63f3f; background: var(--red-soft); }
.product-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.product-table th, .product-table td { padding: 9px 12px; border-bottom: 1px solid var(--line-soft); text-align: left; }
.product-table th { color: var(--muted); background: #fbfcfe; font-size: 11px; }
.product-table tr:last-child td { border-bottom: 0; }
.product-title { max-width: 590px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-link { color: #2b83c9; font-weight: 650; text-decoration: none; }
.product-link:hover { text-decoration: underline; }
.no-details { padding: 26px 13px; color: var(--muted); text-align: center; }

.modal { position: fixed; z-index: 10; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(17, 31, 49, .38); }
.modal.hidden { display: none; }
.modal-card { width: min(530px, 100%); overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 18px 48px rgba(17, 31, 49, .24); }
.captcha-modal-card { width: min(760px, 100%); max-height: min(92vh, 920px); overflow: auto; }
.modal-heading { display: flex; justify-content: space-between; gap: 18px; padding: 18px 20px 15px; border-bottom: 1px solid var(--line); }
.modal-heading h2 { font-size: 18px; }
.modal-heading p { margin-top: 5px; color: var(--muted); font-size: 12px; }
.plain-button { width: 28px; height: 28px; border-radius: 6px; color: #6f7d90; background: #f0f3f7; font-size: 21px; line-height: 1; }
.plain-button.text-action { width: auto; height: 26px; padding: 0 10px; font-size: 12px; }
.modal-section { display: grid; gap: 10px; padding: 16px 20px; }
.modal-section + .modal-section { border-top: 1px solid var(--line-soft); }
#captchaSettingsForm { padding-top: 20px; border-top-color: var(--line); }
.modal-section h3 { font-size: 14px; }
.modal-form-actions { display: flex; gap: 10px; }
#storePhoneForm .modal-form-actions button { box-sizing: border-box; width: 76px; min-width: 76px; height: 40px; padding: 0 12px; font-size: 14px; line-height: 20px; font-weight: 600; }
.field { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.field input { height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 7px; outline: 0; color: var(--text); }
.field textarea { width: 100%; min-height: 72px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 7px; outline: 0; resize: none; color: var(--text); font: inherit; }
.field input:focus, .field textarea:focus, .group-filter:focus-within { border-color: #9dceef; box-shadow: 0 0 0 3px rgba(33,139,224,.1); }
.checkbox-field { display: flex; flex-direction: row; align-items: center; gap: 8px; color: var(--text); font-size: 13px; }
.checkbox-field input { width: 16px; height: 16px; }
.toggle-setting { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: #f8fbfe; cursor: pointer; }
.toggle-setting > span:first-child { display: grid; gap: 5px; }
.toggle-setting small { color: var(--muted); font-size: 12px; font-weight: 400; }
.toggle-control { position: relative; flex: 0 0 42px; width: 42px; height: 24px; }
.toggle-control input { position: absolute; opacity: 0; pointer-events: none; }
.toggle-control span { display: block; width: 42px; height: 24px; border-radius: 999px; background: #b8c3cf; transition: background .16s ease; }
.toggle-control span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(17,31,49,.25); transition: transform .16s ease; }
.toggle-control input:checked + span { background: var(--blue); }
.toggle-control input:checked + span::after { transform: translateX(18px); }
.toggle-control input:focus-visible + span { box-shadow: 0 0 0 3px rgba(33,139,224,.18); }
.field small { margin-left: 6px; font-weight: 400; }
.browser-mode-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.browser-mode-option { display: flex; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; background: #f8fbfe; }
.browser-mode-option:has(input:checked) { border-color: #77b9e8; background: #edf7ff; }
.browser-mode-option input { margin-top: 2px; }
.browser-mode-option span { display: grid; gap: 5px; }
.browser-mode-option strong { color: var(--text); font-size: 13px; }
.browser-mode-option small, .setting-help { color: var(--muted); font-size: 12px; line-height: 1.55; }
.browser-stack-field { padding: 10px 2px 0; }
.browser-stack-field:has(input:disabled) { opacity: .5; }
.share-schedule-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.share-schedule-times:has(input:disabled) { opacity: .5; }
.provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.provider-card { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #f8fbfe; }
.provider-toggle { font-weight: 600; }
.provider-keys { display: grid; gap: 8px; }
.provider-keys-head { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 12px; }
.key-chip-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 34px; }
.key-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; background: #e8eef6; color: #334155; font-size: 12px; }
.key-chip button { width: 18px; height: 18px; border: 0; border-radius: 50%; background: #d5dee9; color: #475569; cursor: pointer; line-height: 1; }
.key-chip-empty { color: var(--muted); font-size: 12px; }
.log-actions { display: flex; gap: 8px; }
.log-actions button { height: 30px !important; padding: 0 12px !important; background: #eef2f7 !important; color: #3a4658 !important; font-size: 12px; }
.log-view { max-height: 320px; overflow: auto; margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: #0f1622; color: #d6e2f0; font-family: ui-monospace, Consolas, "Courier New", monospace; font-size: 12px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }

@media (max-width: 820px) {
  .provider-grid { grid-template-columns: 1fr; }
}

@media (max-width: 1180px) {
  body { min-width: 900px; }
  .app-shell { grid-template-columns: 192px minmax(0, 1fr); }
  .order-feature-tabs { overflow-x: auto; }
  .order-feature-tab { flex: 0 0 auto; }
  .order-workbench-list-heading { align-items: flex-start; }
  .order-workbench-filters { flex-wrap: wrap; justify-content: flex-end; }
  .search-field { flex-basis: 260px; }
  .global-share-settings { flex-wrap: wrap; }
  .detail-stats { grid-template-columns: repeat(2, minmax(110px, 1fr)); }
}

/* Selected order summary, option 3: one surface with three business groups. */
.order-summary { display: grid; grid-template-columns: minmax(230px, .85fr) minmax(400px, 2fr) minmax(180px, 1.15fr); gap: 0; margin-bottom: 12px; padding: 18px 0; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 2px 5px #18233606; }
.order-summary > section { min-width: 0; padding: 0 24px; }
.order-summary > section + section { border-left: 1px solid var(--line); }
.order-summary > section > span { display: block; margin-bottom: 14px; color: #61718a; font-size: 13px; }
.order-summary-total > strong { color: var(--blue); font-size: 29px; font-variant-numeric: tabular-nums; }
.order-summary-statuses { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.order-summary-status { display: flex; min-height: 36px; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #d7e6ce; border-radius: 7px; background: #f1f9eb; color: #243345; font-size: 12px; }
.order-summary-status strong { font-size: 14px; font-variant-numeric: tabular-nums; }
.order-summary-status:is(.tone-1,.tone-2) { border-color: #cde2f7; background: #edf6ff; }
.order-summary-status.tone-3 { border-color: #c4e9e7; background: #ecf9f8; }
.order-summary-status.tone-5 { border-color: #f5d5d5; background: #fff1f1; }
.order-summary-labels > .order-summary-status { width: 100%; min-height: 36px; justify-content: space-between; margin-top: 8px; }
.order-summary-labels strong { color: var(--text); font-size: 14px; font-variant-numeric: tabular-nums; }
.order-summary-note { grid-column: 1 / -1; padding: 10px 24px 0; color: #61718a; }
.share-status { font-variant-numeric: tabular-nums; }
@media (max-width: 1400px) {
  .order-summary { grid-template-columns: minmax(230px, .7fr) minmax(330px, 2.2fr) minmax(160px, 1fr); }
  .order-summary > section { padding: 0 14px; }
  .order-summary-status { padding: 7px; gap: 5px; flex-wrap: wrap; }
}
@media (max-width: 1100px) {
  .order-case-product { grid-template-columns: 1fr; }
  .order-summary-statuses { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-summary { grid-template-columns: 230px minmax(260px, 1fr) 175px; }
}

/* Withdrawal details reuse balance typography, without adding a table column. */
.store-balance-trigger { display: block; width: 100%; height: auto; min-height: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; text-align: left; box-shadow: none; cursor: pointer; }
.store-balance-trigger:hover, .store-balance-trigger[aria-expanded="true"] { background: #edf6fd; }
.store-balance-trigger:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.redemption-popover { position: fixed; z-index: 120; display: flex; flex-direction: column; width: min(440px, calc(100vw - 24px)); height: 550px; max-height: calc(100dvh - 24px); overflow: hidden; border: 1px solid #dce5ef; border-radius: 16px; background: #fff; color: var(--text); box-shadow: 0 16px 48px #253c5b26, 0 2px 8px #253c5b0d; }
.redemption-heading { display: flex; justify-content: space-between; align-items: flex-start; padding: 12px 16px 10px; gap: 12px; border-bottom: 1px solid var(--line); }
.redemption-heading h2 { margin: 0 0 6px; font-size: 17px; }
.redemption-heading p { margin: 0; font-size: 11px; color: #596579; overflow-wrap: anywhere; }
.redemption-heading button { flex-shrink: 0; width: 30px; height: 30px; min-height: 0; padding: 0; font-size: 20px; }
.redemption-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.redemption-summary .store-balance-line { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.redemption-summary .store-balance-line strong { overflow-wrap: anywhere; white-space: normal; }
.redemption-caption { display: block; margin-top: 4px; color: #738096; font-size: 11px; }
.in-process { color: #218be0; }
.redemption-filters { display: flex; gap: 5px; padding: 8px 16px 6px; }
.redemption-filters button { min-height: 28px; height: 28px; padding: 0 12px; border: 0; border-radius: 6px; background: transparent; color: #596579; font-size: 11px; font-weight: 400; }
.redemption-filters button:hover { background: #f4f7fb; }
.redemption-filters button.active { background: #e8f4fe; color: #218be0; }
.redemption-records { max-height: min(320px, calc(100dvh - 270px)); overflow-y: auto; padding: 0 16px; scrollbar-gutter: stable; }
.redemption-record { display: grid; grid-template-columns: 68px minmax(0, 1fr) 66px 64px; gap: 8px; padding: 12px 0; border-bottom: 1px solid #edf1f5; align-items: start; }
.redemption-record:last-child { border-bottom: 0; }
.redemption-record time { font-size: 11px; color: #596579; }
.redemption-method { min-width: 0; }
.redemption-method strong, .redemption-amount strong { color: #111; font-size: 13px; font-weight: 700; }
.redemption-method small, .redemption-amount small { display: block; margin-top: 6px; color: #738096; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.redemption-amount { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.redemption-status { font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.redemption-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 16px; border-top: 1px solid var(--line); color: #738096; font-size: 11px; }
.redemption-reload { padding: 4px 0; height: auto; min-height: 0; border: 0; background: none; color: #218be0; font-size: 11px; }
.redemption-message, .redemption-empty { padding: 30px 22px; margin: 0; color: #596579; font-size: 13px; }
.redemption-message button { display: block; margin-top: 18px; }
@media (max-width: 720px) {
  .redemption-summary { grid-template-columns: 1fr; }
  .redemption-record { grid-template-columns: 74px minmax(0, 1fr); }
  .redemption-records { max-height: calc(100dvh - 320px); }
}

#redemptionBody { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.redemption-heading, .redemption-summary, .redemption-filters, .redemption-footer { flex-shrink: 0; }
.redemption-records { flex: 1; min-height: 0; max-height: none; }
.redemption-columns { display: grid; grid-template-columns: 68px minmax(0, 1fr) 66px 64px; gap: 8px; padding: 6px 31px 6px 16px; background: #fafbfd; color: #738096; font-size: 11px; }
.redemption-footer { margin-top: auto; }
@media (max-width: 720px) { .redemption-columns { display: none; } }

/* Match the selected portrait reference: narrow and tall, with an inline title. */
.redemption-heading > div { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.redemption-heading h2 { flex-shrink: 0; margin: 0; }
.redemption-heading p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Buyer history marker is decorative; only the username remains a link. */
.offer-buyer-occurrence { color: #111; font-weight: 400; margin-left: 2px; white-space: nowrap; }
.offer-buyer-occurrence.outlined { display: inline-block; border: 1px solid currentColor; border-radius: 50%; min-width: 1.35em; line-height: 1.35; text-align: center; font-size: 11px; }

/* Keep table layout native while offscreen records are represented by spacers. */
.order-windowed-wrap { overflow-anchor: none; scrollbar-gutter: stable; }
.order-event-table .order-window-spacer td { height: 0; padding: 0; border: 0; line-height: 0; box-shadow: none; }

/* Summary metrics double as native toggle buttons, with a stable selected outline. */
button.order-summary-status { position: relative; cursor: pointer; text-align: left; font-family: inherit; padding-right: 25px; }
button.order-summary-status:hover { box-shadow: inset 0 0 0 1px #99bce1; }
button.order-summary-status[aria-pressed="true"] { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
button.order-summary-status[aria-pressed="true"]::after { content: "✓"; position: absolute; right: 7px; color: var(--blue); font-weight: 700; }
button.order-summary-status:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.order-summary-status.tone-generated { border-color: #c4e9d9; background: #edf9f3; }
.order-summary-status.tone-missing { border-color: #f2dfb8; background: #fff7e8; }

/* One-method warning uses the spare space before each order image. */
.order-account-layout { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.order-account-identity { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.order-account-identity .store-email { max-width: none; overflow: visible; text-overflow: clip; white-space: normal; }
.order-payout-marker { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; gap: 3px; }
.order-payout-marker > strong { color: var(--red); font-size: 12px; font-weight: 700; white-space: nowrap; }
.order-summary-total { display: grid; grid-template-columns: 60px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 14px; }
.order-summary-total > strong { grid-column: 1; align-self: center; }
.order-summary-payouts { display: grid; grid-column: 2; grid-row: 2; align-self: start; gap: 8px; min-width: 0; }
.order-summary-payouts .order-summary-status { width: 100%; min-height: 36px; justify-content: space-between; flex-wrap: nowrap; }

/* Preonline adds a selection column without changing sibling workflow widths. */
#workflow-preonline .fulfillment { min-width: 1760px; }
.preonline-selected-count { color: var(--muted); font-size: 12px; white-space: nowrap; }
#workflow-preonline [data-preonline-batch] { white-space: nowrap; }
#workflow-preonline .fulfillment th:nth-child(1) { width: 42px; }
#workflow-preonline .fulfillment th:nth-child(2) { width: 150px; }
#workflow-preonline .fulfillment th:nth-child(3) { width: 100px; }
#workflow-preonline .fulfillment th:nth-child(4) { width: 190px; }
#workflow-preonline .fulfillment th:nth-child(5) { width: 86px; }
#workflow-preonline .fulfillment th:nth-child(6) { width: 185px; }
#workflow-preonline .fulfillment th:nth-child(7) { width: 125px; }
#workflow-preonline .fulfillment th:nth-child(8) { width: 50px; }
#workflow-preonline .fulfillment th:nth-child(9) { width: 65px; }
#workflow-preonline .fulfillment th:nth-child(10) { width: 210px; }
#workflow-preonline .fulfillment th:nth-child(11) { width: 150px; }
#workflow-preonline .fulfillment th:nth-child(12) { width: 110px; }
#workflow-preonline .fulfillment th:nth-child(13) { width: 197px; }
#workflow-preonline .check-column { text-align: center; }
#workflow-preonline .fulfillment td.check-column { overflow: visible; text-overflow: clip; }

.preonline-heading-title { display: flex; align-items: center; gap: 18px; min-width: 0; flex: 1; }
.preonline-heading-title h2 { flex-shrink: 0; }
#workflow-preonline .workflow-notice, #workflow-dispatch .workflow-notice { position: static; flex: 0 1 auto; min-width: 0; max-width: 600px; margin: 0; padding: 7px 10px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: none; }
#workflow-preonline .order-operation-filters, #workflow-dispatch .order-operation-filters { flex-shrink: 0; }

#workflow-procurement .preonline-progress-filters { grid-template-columns: minmax(0, 1fr); }

#workflow-dispatch .order-operation-table.fulfillment { min-width: 1772px; }
#workflow-dispatch .order-operation-table.fulfillment th:nth-child(12) { width: 251px; }
#workflow-dispatch .dispatch-print-button { flex: 0 0 66px; height: 31px; padding: 6px 8px; border-radius: 6px; }

/* 分享状态在验证、重试与进度之间切换时保持相同几何尺寸。 */
body.sharing-management-active .store-table .share-status-cell { width: 208px; }
body.sharing-management-active .store-table .share-status-column { width: 208px; }
body.sharing-management-active .share-status { width: 184px; height: 56px; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
body.sharing-management-active .share-status.has-progress { display: grid; grid-template-columns: minmax(0, 1fr); align-content: center; justify-content: stretch; }
body.sharing-management-active .share-status-message { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.store-row-actions { display: flex; gap: 8px; align-items: center; }
.store-share-action { flex: 0 0 88px; min-height: 32px; padding: 0 10px; border: 1px solid #b9d9f4; border-radius: 6px; background: var(--blue-soft); color: var(--blue); white-space: nowrap; }
.store-share-action:hover:not(:disabled) { background: #dcecff; }
.store-share-action:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.team-list-actions .global-share-settings { align-items: center; margin-left: 4px; gap: 16px; padding: 0 12px; border-left: 1px solid var(--line); flex-wrap: wrap; }
.team-list-actions .global-share-settings label { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 32px; }
.team-list-actions .global-share-settings input { width: 52px; height: 32px; }

.overall-share-status { border: 1px solid transparent; cursor: pointer; font-family: inherit; }
.overall-share-status:hover { border-color: #99c9f5; }
.overall-share-status[aria-pressed="true"] { border-color: var(--blue); background: #dcecff; box-shadow: inset 0 0 0 1px var(--blue); }
.overall-share-status:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

/* Shared compact pagination selector; custom input appears only on demand. */
.page-size-control { gap: 8px; font-size: 12px; }
.page-size-control select, .page-size-control input { height: 32px; border-radius: 5px; }
.page-size-control select { min-width: 96px; cursor: pointer; }
.page-size-control input { width: 64px; }
.page-size-control [hidden] { display: none !important; }
.page-size-control select:focus-visible, .page-size-control input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

/* Import feedback overlays the page without shifting the table or dialog. */
.store-import-notice { position:fixed; inset:16px auto auto 50%; transform:translateX(-50%); width:max-content; max-width:min(600px,calc(100vw - 32px)); margin:0; border:1px solid var(--line); box-shadow:var(--shadow); overflow-wrap:anywhere; pointer-events:none; }

.site-confirm-dialog { position: fixed; inset: 0; margin: auto; padding: 0; width: min(530px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: #fff; box-shadow: 0 18px 48px rgba(17,31,49,.24); }
.site-confirm-dialog::backdrop { background: rgba(17,31,49,.38); }
.site-confirm-dialog p { padding: 20px; margin: 0; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.site-confirm-dialog footer { display: flex; justify-content: flex-end; gap: 10px; padding: 0 20px 20px; }
.site-confirm-dialog footer button { min-width: 76px; min-height: 38px; }
.site-confirm-dialog footer button { padding: 0 18px; border-radius: 8px; background: var(--blue); color: #fff; font-weight: 700; } .site-confirm-dialog button:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }

.search-field:focus-within { border-color: var(--line); box-shadow: none; }
.search-field input:focus, .search-field input:focus-visible { outline: none; box-shadow: none; }
.search-clear-button { position: relative; font-size: 0; display: inline-grid; place-items: center; }
.search-clear-button[hidden] { display: none; }
.search-clear-button::before, .search-clear-button::after { content: ""; position: absolute; width: 10px; height: 1.5px; inset: 0; margin: auto; background: currentColor; border-radius: 1px; transform: rotate(45deg); }
.search-clear-button::after { transform: rotate(-45deg); }
.search-clear-button:focus-visible { outline: 2px solid var(--muted); outline-offset: 2px; }

/* Keep a calm placeholder until the decoded avatar is ready. */
#offerConversationBody .offer-conversation-avatar { position: relative; background: #edf1f5; color: #64748b; }
#offerConversationBody .offer-conversation-avatar img { position: absolute; inset: 0; opacity: 0; }
#offerConversationBody .offer-conversation-avatar img.is-loaded { opacity: 1; }

/* Real avatars are prepared before the conversation is revealed. */
#offerConversationBody .offer-conversation-avatar.is-loading { background: transparent; }

/* Quote forms keep stable controls while background status changes. */
#orderOverviewPanel .order-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#orderOverviewPanel > :not(.store-panel) { flex-shrink: 0; }
#orderOverviewPanel .order-action-row { padding: 12px 20px 16px; }
#orderOverviewPanel .order-mode-actions { gap: 12px; align-items: end; }
#orderOverviewPanel .compact-number-field, #orderOverviewPanel .compact-select-field { flex-direction: column; align-items: start; gap: 6px; }
#orderOverviewPanel .compact-check-field { align-self: end; }
#orderOverviewPanel .setting-help { flex-basis: 100%; margin: 0; }
#orderOverviewPanel .quote-cell { display: grid; justify-items: start; gap: 5px; min-width: 0; white-space: normal; }
#orderOverviewPanel .quote-cell strong { color: var(--text); font-size: 12px; font-weight: 600; }
#orderOverviewPanel .quote-cell small { color: var(--muted); line-height: 1.4; }
#orderOverviewPanel .quote-settings-cell, #orderOverviewPanel .quote-status-cell { white-space: normal; overflow-wrap: anywhere; text-overflow: clip; }
#orderOverviewPanel .quote-status-cell .pill { max-width: 100%; white-space: normal; }


.buyer-blacklist-panel { padding: 20px; }
.buyer-blacklist-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.buyer-blacklist-toolbar input { width:280px; max-width:60%; }
.buyer-blacklist-table { width:100%; }
.buyer-blacklisted, .order-event-store-link.buyer-blacklisted { color:#d32f2f; font-weight:700; }
#buyerBlacklistTable { overflow:auto; }
#buyerBlacklistNotice { color:#b42318; }

/* Blacklist has four columns, independent of the twelve-column order grid. */
#buyerBlacklistPage:not([hidden]) { display:flex; flex-direction:column; }
#buyerBlacklistPage .buyer-blacklist-panel { display:flex; flex-direction:column; flex:1; min-height:0; margin:0 20px 20px; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
#buyerBlacklistPage .buyer-blacklist-toolbar { flex-shrink:0; padding:16px 20px; margin:0; border-bottom:1px solid var(--line); }
#buyerBlacklistSearch { height:38px; padding:0 12px; border:1px solid var(--line); border-radius:6px; font:inherit; font-size:13px; color:var(--text); background:#fff; }
#buyerBlacklistTable { flex:1; min-height:0; overflow:auto; }
#buyerBlacklistTable table { width:100%; min-width:660px; table-layout:fixed; }
#buyerBlacklistTable th:nth-child(1) { width:36%; }
#buyerBlacklistTable th:nth-child(2) { width:14%; }
#buyerBlacklistTable th:nth-child(3) { width:32%; }
#buyerBlacklistTable th:nth-child(4) { width:18%; }
#buyerBlacklistTable th, #buyerBlacklistTable td { padding:16px 20px; }
#buyerBlacklistTable th { position:sticky; top:0; background:#f7f9fb; z-index:1; }
#buyerBlacklistTable td:nth-child(3) { white-space:nowrap; }
#buyerBlacklistTable a { text-decoration:none; }
#buyerBlacklistTable a:hover { text-decoration:underline; }
#buyerBlacklistNotice { margin:12px 20px; }