:root {
  font-family:
    "Segoe UI Variable",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Microsoft YaHei",
    sans-serif;
  color: #24343e;
  background: #f7f8fa;
  font-synthesis: none;
  font-size: 14px;
  line-height: 1.55;
  --ink: #173a65;
  --muted: #64748b;
  --line: #e4e9f0;
  --paper: #fff;
  --soft: #edf2f4;
}
.product-declaration{margin:20px 0;padding:18px;background:#f8fafb;border-radius:8px}.product-declaration h3{font-size:13px}.product-list{margin:14px 0}.product-row{display:flex;align-items:center;gap:14px;padding:10px 0}.product-row img,.local-product-photo{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:white}.product-placeholder{display:flex;width:76px;height:76px;align-items:center;justify-content:center;border:1px dashed #cbd6dd;border-radius:7px;color:#8ba0ad;flex-shrink:0}.product-row strong{font-size:13px}.product-row p{font-size:12px}.local-product-photo{width:110px;height:110px}.product-row>div{min-width:0;overflow-wrap:anywhere}
.scanner-buttons {
  display: flex;
  gap: 12px;
  margin: 18px 0;
  flex-wrap: wrap;
}
.scanner-view {
  margin: 20px 0;
}
.scanner-view video {
  display: block;
  width: 100%;
  max-height: 340px;
  object-fit: cover;
  background: #182b35;
  border-radius: 10px;
}
.scanner-view p {
  font-size: 12px;
}
.receiving-work,
.receiving-match {
  max-width: 760px;
}
.receiving-match > .text-button {
  margin-top: 22px;
}
.receiving-inspection {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.structured-address {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.estimate-card {
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.estimate-card p {
  font-size: 12px;
}
.badge.review {
  background: #faf0dd;
  color: #96743b;
}
.receiving-match .section-title {
  padding: 0 0 20px;
}
.form-panel > .section-title {
  padding: 0 0 20px;
}
.route-row > div:last-child:not(:first-of-type) {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
button,
a {
  touch-action: manipulation;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
a {
  color: inherit;
  text-decoration: none;
}
p {
  margin: 8px 0;
  color: #63727d;
}
h1,
h2,
h3 {
  color: #253843;
  line-height: 1.25;
  margin: 0;
  font-weight: 600;
}
h1 {
  font-size: 32px;
  letter-spacing: -1px;
}
h2 {
  font-size: 17px;
  letter-spacing: -0.3px;
}
h3 {
  font-size: 15px;
}
small {
  font-size: 12px;
  color: var(--muted);
}
svg {
  flex-shrink: 0;
}
button {
  border: 0;
  background: none;
  color: inherit;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: 3px solid #89aab7;
  outline-offset: 4px;
  border-radius: 5px;
}
input,
textarea,
select {
  width: 100%;
  background: #fff;
  border: 1px solid #dce2e6;
  border-radius: 7px;
  padding: 11px 12px;
  color: #24343e;
  outline: none;
  min-width: 0;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #688e9e;
  box-shadow: 0 0 0 3px #688e9e1a;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: #98a2a9;
}
input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: #294c5c;
  flex-shrink: 0;
  margin: 3px 0 0;
}
hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 23px 0;
}
.button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background: var(--ink);
  color: white;
  border: 1px solid var(--ink);
  padding: 11px 18px;
  border-radius: 7px;
  font-weight: 550;
  white-space: nowrap;
  min-height: 43px;
}
.button:hover {
  background: #345565;
}
.button.secondary {
  background: white;
  border-color: #dce3e7;
  color: #344c59;
}
.button.secondary:hover {
  background: #f1f5f7;
}
.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  flex-shrink: 0;
}
.icon-button:hover {
  background: var(--soft);
}
.text-button,
.back-link {
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #456879;
  font-weight: 550;
  font-size: 13px;
}
.text-button:hover,
.back-link:hover {
  text-decoration: underline;
}
.danger {
  color: #ae5353;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.field > span {
  font-size: 13px;
  font-weight: 550;
  color: #455660;
}
.field small {
  font-weight: 400;
}
.mark {
  display: inline-flex;
  width: 38px;
  height: 38px;
  background: var(--ink);
  border-radius: 10px;
  flex-shrink: 0;
}
.mark svg {
  width: 100%;
  stroke: white;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 650;
  letter-spacing: -0.4px;
}
.brand small {
  display: block;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-top: 5px;
}
.app {
  min-height: 100vh;
}
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 235px;
  background: #fff;
  border-right: 1px solid var(--line);
  padding: 32px 22px 20px;
  display: flex;
  flex-direction: column;
}
.workspace-label {
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #8a969e;
  margin: 48px 12px 16px;
}
.sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.sidebar nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 7px;
  color: #6a7882;
  font-weight: 500;
}
.sidebar nav a:hover {
  background: #f6f8fa;
}
.sidebar nav a.active {
  background: #eaf0f3;
  color: #2e5365;
}
.sidebar-note {
  margin-top: auto;
  padding: 28px 12px;
  color: #8c9ba4;
}
.sidebar-note strong {
  display: block;
  font-size: 12px;
  margin-top: 12px;
  color: #5d7480;
}
.sidebar-note p {
  font-size: 11px;
  line-height: 1.8;
  color: #8b98a0;
}
.profile {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: #edf0eb;
  color: #626e60;
  border-radius: 50%;
  font-weight: 600;
  flex-shrink: 0;
}
.profile > div {
  min-width: 0;
  flex: 1;
}
.profile strong,
.profile small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile strong {
  font-size: 12px;
}
.profile small {
  font-size: 10px;
}
.main {
  margin-left: 235px;
}
.topbar {
  height: 76px;
  border-bottom: 1px solid var(--line);
  padding: 0 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8a969f;
  font-size: 11px;
  letter-spacing: 0.3px;
  background: #fafbfc;
}
.topbar > div {
  display: flex;
  align-items: center;
  gap: 22px;
}
.language {
  border: 1px solid #dfe5e8;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  color: #5b707b;
  background: #fff;
}
.user-chip {
  font-weight: 500;
  color: #65757e;
}
main {
  max-width: 1480px;
  margin: auto;
  padding: 40px 42px 48px;
  min-height: calc(100vh - 142px);
}
footer {
  padding: 22px 42px;
  border-top: 1px solid var(--line);
  font-size: 10px;
  color: #99a3ab;
  display: flex;
  justify-content: space-between;
}
.page-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
.page-heading p {
  font-size: 13px;
  margin-top: 10px;
}
.page-heading .date-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 13px;
  color: #8a969f;
}
.summary-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 11px;
  margin-bottom: 28px;
  padding: 24px 0;
}
.summary-strip > div {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 0 25px;
  border-right: 1px solid var(--line);
}
.summary-strip > div:last-child {
  border: 0;
}
.summary-icon {
  display: flex;
  color: #8398a3;
}
.summary-strip > div > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.summary-strip span {
  font-size: 11px;
  color: #81909a;
}
.summary-strip strong {
  font-size: 29px;
  line-height: 1.2;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(270px, 1fr);
  gap: 24px;
  margin-bottom: 28px;
}
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
}
.home-grid .panel {
  margin: 0;
}
.section-title {
  padding: 23px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.muted {
  color: #8a969e;
  font-size: 12px;
}
.section-title > .muted {
  font-size: 10px;
}
.tasks > .text-button {
  margin: 20px 25px;
}
.task-row {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  gap: 14px;
  padding: 17px 25px;
  border-top: 1px solid #f0f2f4;
}
.task-row:hover {
  background: #fafbfc;
}
.task-row > div {
  flex: 1;
}
.task-row strong {
  font-size: 13px;
}
.task-row p {
  font-size: 12px;
  margin: 3px 0;
}
.task-row > svg {
  color: #8ba0ac;
}
.task-icon {
  display: flex;
  padding: 11px;
  background: #edf3f5;
  border-radius: 8px;
  color: #5d7c8b;
}
.task-icon.attention {
  background: #fbf1e2;
  color: #a78343;
}
.calm-state {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 145px;
  padding: 22px 25px;
}
.circle-check {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8e5de;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  color: #729180;
  flex-shrink: 0;
}
.calm-state strong {
  font-size: 13px;
}
.calm-state p {
  font-size: 12px;
  max-width: 300px;
}
.receiving-card {
  background: #edf2f2;
  border: 1px solid #e3eaeb;
  border-radius: 10px;
  padding: 25px;
  color: #6c858d;
}
.receiving-card h2 {
  margin: 14px 0 8px;
}
.receiving-card p {
  font-size: 12px;
  color: #778990;
  line-height: 1.8;
}
.warehouse-address {
  padding: 16px 0;
  white-space: pre-wrap;
  color: #405762;
  font-size: 13px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.receiving-name {
  border-top: 1px solid #dce5e7;
  padding-top: 13px;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}
.receiving-name strong {
  color: #48616c;
}
.receiving-card .text-button {
  margin-top: 13px;
}
.list-tools {
  display: flex;
  gap: 10px;
  align-items: center;
}
.list-tools select {
  font-size: 11px;
  padding: 9px;
  max-width: 175px;
}
.search {
  display: flex;
  align-items: center;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  padding-left: 10px;
  color: #98a5ae;
}
.search input {
  border: 0;
  background: transparent;
  width: 185px;
  padding: 9px 8px;
  font-size: 11px;
  box-shadow: none;
}
.search-submit {
  font-size: 10px;
  padding: 8px;
  color: #647d89;
}
.shipment-row {
  display: flex;
  align-items: center;
  gap: 17px;
  text-align: left;
  padding: 21px 25px;
  width: 100%;
  border-top: 1px solid #edf0f2;
}
.shipment-row:hover {
  background: #fafcfd;
}
.parcel-art {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  background: #f2f4f1;
  color: #8d9c8a;
  border-radius: 8px;
  flex-shrink: 0;
}
.shipment-title {
  flex: 1;
  min-width: 0;
}
.shipment-title strong,
.shipment-title small,
.destination strong,
.destination small {
  display: block;
}
.shipment-title strong {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.shipment-title small {
  margin-top: 4px;
  font-size: 10px;
}
.destination {
  min-width: 140px;
}
.destination strong {
  font-size: 12px;
  font-weight: 500;
}
.destination small {
  font-size: 10px;
  margin-top: 4px;
}
.row-date {
  color: #98a3ab;
  font-size: 10px;
  min-width: 85px;
}
.shipment-row > svg {
  color: #96a7b1;
}
.badge {
  font-size: 10px;
  padding: 5px 9px;
  border-radius: 5px;
  background: #f0f3f5;
  color: #71838e;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.4;
}
.badge.attention,
.badge.quoted {
  background: #fbf1df;
  color: #98753d;
}
.badge.authorized,
.badge.delivered {
  background: #eaf3ed;
  color: #5b8269;
}
.badge.shipped {
  background: #eaf1f7;
  color: #5c7f9d;
}
.badge.cancelled {
  background: #f5ecec;
  color: #a07878;
}
.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 25px;
  border-top: 1px solid var(--line);
  font-size: 11px;
  color: #8b98a1;
}
.pagination > div {
  display: flex;
  align-items: center;
  gap: 14px;
}
.pagination button {
  font-size: 11px;
  padding: 4px;
}
.empty {
  text-align: center;
  padding: 56px 25px;
  color: #9aabb4;
}
.empty svg {
  margin-bottom: 15px;
}
.empty h3 {
  margin-bottom: 8px;
  font-size: 17px;
}
.empty p {
  font-size: 12px;
  max-width: 410px;
  margin: 8px auto 22px;
}
.error,
.notice,
.success {
  padding: 13px 15px;
  border-radius: 7px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.8;
}
.error {
  background: #fdf0ed;
  color: #a15d4e;
  border: 1px solid #f0d8d1;
  display: flex;
  gap: 9px;
  align-items: flex-start;
}
.notice {
  background: #f2f5f6;
  color: #617783;
  border: 1px solid #e5ebed;
  white-space: pre-wrap;
}
.success {
  background: #edf5ef;
  color: #54755e;
}
.back-link {
  margin-bottom: 22px;
  font-size: 12px;
}
.order-form {
  max-width: 900px;
}
.form-panel {
  padding: 28px 30px;
}
.form-panel > .field {
  margin: 20px 0;
}
.form-section-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 23px;
}
.form-section-title > span {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbe5e8;
  border-radius: 50%;
  font-size: 12px;
  color: #6a8591;
  flex-shrink: 0;
}
.form-section-title p {
  font-size: 12px;
  margin: 6px 0 0;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.form-grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.parcel-input {
  display: grid;
  grid-template-columns: 20px 0.8fr 1.2fr 1fr 30px;
  gap: 12px;
  align-items: end;
  margin-bottom: 20px;
}
.parcel-input .field > span {
  font-size: 11px;
}
.parcel-index {
  height: 41px;
  display: flex;
  align-items: center;
  color: #91a0a8;
  font-size: 12px;
}
.parcel-input > .icon-button {
  margin-bottom: 4px;
}
.bulk {
  border-top: 1px solid var(--line);
  margin-top: 22px;
  padding-top: 16px;
  font-size: 12px;
}
.bulk summary {
  color: #627f8d;
  cursor: pointer;
}
.bulk textarea {
  margin: 8px 0;
}
.check-label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.8;
  margin: 22px 0 0;
  color: #586d78;
}
.check-label small {
  display: block;
  font-size: 11px;
  color: #91a0a8;
}
.form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0;
}
.form-footer > span {
  font-size: 11px;
  color: #8c9aa3;
}
.next-banner {
  display: flex;
  align-items: center;
  gap: 17px;
  border: 1px solid #dfe8ec;
  background: #ecf2f5;
  padding: 24px;
  border-radius: 10px;
  margin-bottom: 28px;
}
.next-banner > span {
  color: #7a98a7;
}
.next-banner > div:first-of-type {
  flex: 1;
}
.next-banner strong {
  font-size: 15px;
}
.next-banner p {
  font-size: 12px;
  margin: 5px 0 0;
}
.next-banner.attention,
.next-banner.quoted {
  background: #fbf5e9;
  border-color: #eee3cc;
}
.banner-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.banner-actions .button {
  font-size: 12px;
}
.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 24px;
}
.count {
  font-size: 12px;
  color: #8d9ba4;
  font-weight: 400;
  margin-left: 6px;
}
.parcel-detail {
  padding: 22px 25px;
  border-top: 1px solid var(--line);
}
.parcel-detail-head {
  display: flex;
  gap: 14px;
  align-items: center;
}
.parcel-detail-head > div {
  flex: 1;
  min-width: 0;
}
.parcel-detail-head strong {
  font-size: 12px;
}
.tracking-number {
  display: block;
  font-size: 12px;
  color: #6d8592;
  overflow-wrap: anywhere;
}
.parcel-detail > p {
  font-size: 12px;
  margin: 16px 0;
}
.inspection-note {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  background: #f8f9fa;
  padding: 12px 14px;
  border-radius: 6px;
  margin: 14px 0;
  line-height: 1.8;
}
.photo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}
.photo-grid:empty {
  display: none;
}
.photo-grid img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #e4e9ec;
}
.parcel-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.parcel-actions > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.parcel-actions .button {
  font-size: 11px;
  padding: 7px 12px;
  min-height: 34px;
}
.upload-button {
  position: relative;
  display: flex;
  gap: 6px;
  align-items: center;
  border: 1px solid #dce3e7;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 11px;
  color: #5f7987;
  cursor: pointer;
}
.upload-button input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.upload-button:focus-within {
  outline: 2px solid #89aab7;
}
.panel-foot {
  background: #fbfcfc;
  border-top: 1px solid var(--line);
  padding: 14px 25px;
  font-size: 11px;
  color: #82929b;
}
.box-row {
  padding: 18px 25px;
  display: flex;
  gap: 18px;
  align-items: center;
  border-top: 1px solid var(--line);
  font-size: 12px;
  flex-wrap: wrap;
}
.box-row svg {
  color: #8fa2ad;
}
.tracking-card {
  display: flex;
  gap: 18px;
  padding: 20px 25px;
  border-top: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.tracking-card > svg {
  color: #8ba2ae;
}
.tracking-card strong {
  font-size: 13px;
}
.tracking-card p,
.tracking-card a {
  font-size: 12px;
}
.tracking-card a {
  color: #426b7f;
  text-decoration: underline;
}
.timeline {
  padding: 5px 25px 10px;
  max-height: 440px;
  overflow: auto;
}
.timeline > div {
  position: relative;
  display: flex;
  gap: 16px;
  padding-bottom: 22px;
}
.timeline > div:not(:last-child):before {
  content: "";
  position: absolute;
  top: 9px;
  left: 3px;
  width: 1px;
  background: #e4eaed;
  height: 100%;
}
.timeline-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9aafb9;
  margin-top: 7px;
  flex-shrink: 0;
  z-index: 1;
}
.timeline p {
  font-size: 12px;
  margin: 0 0 4px;
  color: #596f7a;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.timeline small {
  font-size: 10px;
  color: #98a5ad;
}
.message-form {
  padding: 20px 25px;
  border-top: 1px solid var(--line);
}
.message-form textarea {
  font-size: 12px;
  margin-bottom: 10px;
}
.message-form .button {
  font-size: 11px;
  padding: 8px 14px;
  min-height: 34px;
}
.address-panel,
.quote-panel {
  padding: 25px;
}
.address-panel h2,
.quote-panel h2 {
  margin-bottom: 22px;
}
.address-panel strong {
  font-size: 13px;
}
.address-panel p {
  font-size: 12px;
  line-height: 1.9;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.address-panel small {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.quote-version {
  font-size: 10px;
}
.quote-total,
.approve-total {
  font-size: 34px;
  letter-spacing: -1px;
  color: #2d4653;
  margin: 14px 0 2px;
}
.quote-panel > p {
  font-size: 12px;
}
.fee-lines {
  margin: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 12px 0;
}
.fee-lines > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 6px 0;
  font-size: 12px;
}
.fee-lines strong {
  white-space: nowrap;
  font-weight: 500;
}
.approved {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #668774;
  font-size: 12px;
}
.quote-panel .button {
  width: 100%;
  font-size: 11px;
}
.quote-history {
  margin-top: 17px;
  font-size: 11px;
  color: #788d98;
}
.quote-history summary {
  cursor: pointer;
}
.offline-note {
  font-size: 10px;
  color: #99a4aa;
  border-top: 1px solid var(--line);
  padding-top: 17px;
  margin-top: 20px;
}
.overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: #20343e66;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
  backdrop-filter: blur(3px);
}
.modal {
  width: 600px;
  max-width: 100%;
  max-height: 90vh;
  overflow: auto;
  background: white;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 16px 70px #14242d22;
}
.modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 28px;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.modal-form {
  padding: 25px 28px;
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.modal-form > .notice,
.modal-form > .error,
.modal-form > p,
.modal-form > .check-label {
  margin: 0;
}
.modal-footer {
  border-top: 1px solid var(--line);
  margin-top: 5px;
  padding-top: 22px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.box-form {
  padding: 17px;
  background: #f8fafb;
  border: 1px solid #e7ecef;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.box-form .field > span {
  font-size: 11px;
}
.fee-input {
  display: grid;
  grid-template-columns: 1fr 110px auto;
  gap: 10px;
  align-items: end;
}
.fee-input .icon-button {
  margin-bottom: 4px;
}
.people-row,
.partner-row,
.route-row {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 22px 25px;
  border-top: 1px solid var(--line);
  font-size: 12px;
}
.people-row > div:first-of-type,
.partner-row > div,
.route-row > div {
  flex: 1;
  min-width: 0;
}
.people-row strong,
.people-row small {
  display: block;
  overflow-wrap: anywhere;
}
.people-row > div:last-child {
  display: flex;
  gap: 15px;
}
.partner-row p,
.route-row p {
  font-size: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.partner-row > svg,
.route-row > svg {
  color: #859ba7;
}
.invite-result {
  background: #eef4ee;
  border: 1px solid #dce8df;
  padding: 20px;
  border-radius: 9px;
  margin-bottom: 25px;
  font-size: 12px;
}
.invite-result p {
  font-size: 11px;
}
.invite-result input {
  margin: 10px 0;
}
.settings-form {
  max-width: 650px;
}
.settings-form h2 {
  margin-bottom: 25px;
}
.initial,
.loading {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  color: #8596a0;
}
.login-page {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  min-height: 100vh;
  background: white;
}
.login-story {
  background: #eaf0f0;
  display: flex;
  flex-direction: column;
  padding: 42px 52px;
  color: #486571;
  min-height: 100vh;
}
.login-copy {
  margin: auto 0;
  padding: 70px 0;
  max-width: 540px;
}
.login-copy > p:first-child {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7a929b;
  margin-bottom: 24px;
}
.login-copy h1 {
  font-size: clamp(35px, 3.8vw, 59px);
  letter-spacing: -2px;
  line-height: 1.13;
  white-space: pre-line;
  font-weight: 500;
  color: #2b4856;
}
.journey-art {
  display: flex;
  align-items: center;
  margin: 52px 0 34px;
  max-width: 465px;
}
.journey-art > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  font-size: 10px;
  color: #76919c;
  white-space: nowrap;
}
.journey-art svg {
  width: 64px;
  height: 64px;
  padding: 17px;
  border: 1px solid #cbdadd;
  border-radius: 16px;
  background: #f1f5f4;
  color: #6e8b96;
}
.journey-art i {
  flex: 1;
  border-top: 1px dashed #aebfc5;
  position: relative;
  top: -13px;
  margin: 0 15px;
  min-width: 15px;
}
.login-copy .story-caption {
  font-size: 13px;
  line-height: 1.9;
  color: #7d929a;
  max-width: 410px;
}
.story-bottom {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: flex;
  justify-content: space-between;
  color: #8aa0a8;
}
.login-form-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 45px;
}
.login-language {
  position: absolute;
  right: 40px;
  top: 38px;
}
.login-form {
  width: 100%;
  max-width: 340px;
}
.mini-symbol {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: #f1f5f6;
  border-radius: 12px;
  color: #7593a0;
  margin-bottom: 26px;
}
.login-form h2 {
  font-size: 29px;
  letter-spacing: -0.8px;
}
.login-form > p {
  font-size: 12px;
  margin: 12px 0 32px;
}
.login-form > .field {
  margin-bottom: 21px;
}
.login-form > .button {
  width: 100%;
  margin-top: 5px;
}
.login-help {
  border-top: 1px solid var(--line);
  padding-top: 22px;
  margin-top: 30px;
  font-size: 11px;
  color: #96a2aa;
  line-height: 1.8;
}
.login-bottom {
  position: absolute;
  bottom: 32px;
  font-size: 10px;
  color: #a0aab0;
  letter-spacing: 0.4px;
}
@media (min-width: 1500px) {
  .login-story {
    padding: 55px 80px;
  }
  .login-copy {
    align-self: center;
    width: 100%;
  }
}
@media (max-width: 1250px) {
  .sidebar {
    width: 205px;
    padding: 28px 17px;
  }
  .main {
    margin-left: 205px;
  }
  main {
    padding: 32px 26px;
  }
  .topbar {
    padding: 0 26px;
  }
  .row-date {
    display: none;
  }
  .summary-strip > div {
    padding: 0 18px;
  }
  .section-title {
    padding: 20px;
  }
  .list-tools {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .detail-grid {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
  .home-grid {
    gap: 18px;
  }
  .shipment-row {
    padding: 20px;
    gap: 12px;
  }
  .destination {
    min-width: 115px;
  }
  .next-banner {
    flex-wrap: wrap;
  }
  .banner-actions {
    width: 100%;
    justify-content: flex-start;
    margin-top: 4px;
  }
  .login-story {
    padding: 35px;
  }
  .login-copy h1 {
    font-size: 43px;
  }
}
@media (max-width: 1000px) {
  .home-grid {
    grid-template-columns: 1fr;
  }
  .receiving-card {
    display: none;
  }
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .detail-aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
  }
  .detail-aside > .panel {
    margin: 0;
  }
  .destination {
    display: none;
  }
  .summary-strip > div {
    padding: 0 14px;
    gap: 9px;
  }
  .summary-icon {
    display: none;
  }
  .page-heading h1 {
    font-size: 27px;
  }
  .shipment-panel > .section-title {
    align-items: flex-start;
    flex-direction: column;
  }
  .list-tools {
    width: 100%;
    justify-content: space-between;
  }
  .search {
    flex: 1;
  }
  .search input {
    width: 100%;
  }
  .parcel-input {
    grid-template-columns: 15px 1fr 1.3fr 28px;
  }
  .parcel-input > .field:nth-of-type(3) {
    grid-column: 2/4;
  }
  .parcel-input > .icon-button {
    grid-column: 4;
    grid-row: 1;
  }
  .login-copy h1 {
    font-size: 36px;
    letter-spacing: -1.5px;
  }
  .journey-art {
    margin: 40px 0 28px;
  }
  .journey-art > div {
    font-size: 9px;
  }
  .journey-art i {
    margin: 0 7px;
  }
  .login-story {
    padding: 30px;
  }
  .people-row {
    flex-wrap: wrap;
  }
  .people-row > div:last-child {
    width: 100%;
    padding-left: 50px;
  }
}
@media (max-width: 760px) {
  .sidebar {
    position: static;
    width: 100%;
    height: auto;
    padding: 16px 20px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    display: block;
  }
  .sidebar .brand {
    font-size: 16px;
  }
  .sidebar .mark {
    width: 32px;
    height: 32px;
  }
  .sidebar .brand small {
    font-size: 9px;
  }
  .workspace-label,
  .sidebar-note,
  .profile {
    display: none;
  }
  .sidebar nav {
    flex-direction: row;
    gap: 8px;
    margin: 16px -8px 0;
    overflow-x: auto;
    padding-bottom: 8px;
  }
  .sidebar nav a {
    font-size: 11px;
    white-space: nowrap;
    padding: 9px 11px;
    gap: 7px;
  }
  .sidebar nav svg {
    width: 16px;
    height: 16px;
  }
  .main {
    margin-left: 0;
  }
  .topbar {
    height: 47px;
    padding: 0 20px;
    font-size: 9px;
  }
  .user-chip {
    display: none;
  }
  .topbar > div {
    gap: 0;
  }
  .language {
    font-size: 10px;
    padding: 4px 8px;
  }
  main {
    padding: 26px 20px;
    min-height: 60vh;
  }
  .page-heading {
    align-items: flex-start;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .page-heading h1 {
    font-size: 26px;
    letter-spacing: -0.7px;
  }
  .page-heading p {
    font-size: 12px;
  }
  .page-heading > .button {
    font-size: 12px;
    padding: 9px 14px;
    min-height: 38px;
  }
  .summary-strip {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    margin-bottom: 22px;
  }
  .summary-strip > div {
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
  }
  .summary-strip > div:nth-child(2) {
    border-right: 0;
  }
  .summary-strip > div:nth-child(n + 3) {
    border-bottom: 0;
  }
  .summary-icon {
    display: flex;
  }
  .summary-strip strong {
    font-size: 25px;
  }
  .summary-strip > div > div {
    gap: 3px;
  }
  .summary-strip span {
    font-size: 10px;
  }
  .section-title {
    padding: 19px 18px;
    flex-wrap: wrap;
  }
  .section-title h2 {
    font-size: 15px;
  }
  .section-title > .muted {
    display: none;
  }
  .task-row {
    padding: 17px 18px;
    gap: 12px;
  }
  .calm-state {
    padding: 20px 18px;
  }
  .tasks > .text-button {
    margin: 18px;
  }
  .home-grid {
    margin-bottom: 22px;
  }
  .list-tools {
    gap: 7px;
  }
  .list-tools select {
    max-width: 127px;
    font-size: 10px;
  }
  .search {
    min-width: 0;
  }
  .search input {
    font-size: 10px;
  }
  .search-submit {
    display: none;
  }
  .shipment-row {
    padding: 18px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .shipment-title {
    flex: 1;
  }
  .shipment-row > .badge {
    margin-left: 58px;
  }
  .shipment-row > svg {
    margin-left: auto;
  }
  .parcel-art {
    width: 40px;
    height: 40px;
  }
  .shipment-title strong {
    font-size: 13px;
  }
  .pagination {
    padding: 14px 18px;
  }
  .empty {
    padding: 40px 22px;
  }
  .empty h3 {
    font-size: 15px;
  }
  .form-panel {
    padding: 22px 18px;
  }
  .form-section-title {
    align-items: flex-start;
    gap: 10px;
  }
  .form-section-title h2 {
    font-size: 16px;
  }
  .form-grid {
    gap: 14px;
  }
  .form-grid.four {
    grid-template-columns: 1fr 1fr;
  }
  .parcel-input {
    gap: 9px;
  }
  .parcel-input .field > span {
    font-size: 10px;
  }
  .parcel-input input {
    font-size: 12px;
    padding: 10px;
  }
  .form-footer {
    align-items: flex-start;
    gap: 20px;
  }
  .form-footer > span {
    max-width: 130px;
    line-height: 1.8;
  }
  .form-footer > .button {
    font-size: 12px;
  }
  .detail-aside {
    display: block;
  }
  .detail-aside > .panel {
    margin-bottom: 22px;
  }
  .parcel-detail {
    padding: 20px 18px;
  }
  .parcel-detail-head {
    gap: 10px;
    flex-wrap: wrap;
  }
  .parcel-detail-head > .badge {
    margin-left: 50px;
  }
  .parcel-actions > div {
    gap: 7px;
  }
  .parcel-actions {
    gap: 14px;
  }
  .next-banner {
    padding: 20px 18px;
    gap: 12px;
  }
  .next-banner p {
    font-size: 11px;
  }
  .next-banner strong {
    font-size: 14px;
  }
  .banner-actions .button {
    font-size: 11px;
    padding: 8px 11px;
    min-height: 37px;
  }
  .panel-foot {
    padding: 13px 18px;
    font-size: 10px;
  }
  .timeline {
    padding: 0 18px 10px;
  }
  .message-form {
    padding: 18px;
  }
  .box-row {
    padding: 18px;
    gap: 12px;
  }
  .address-panel,
  .quote-panel {
    padding: 22px;
  }
  .overlay {
    padding: 12px;
  }
  .modal {
    max-height: 94vh;
  }
  .modal-head {
    padding: 17px 20px;
  }
  .modal-form {
    padding: 20px;
    gap: 17px;
  }
  .modal-head h2 {
    font-size: 17px;
  }
  .people-row,
  .partner-row,
  .route-row {
    padding: 20px 18px;
    gap: 13px;
    flex-wrap: wrap;
  }
  .partner-row > .badge,
  .route-row > .badge {
    margin-left: 33px;
  }
  .people-row .text-button {
    font-size: 11px;
  }
  .people-row > span:not(.avatar) {
    font-size: 10px;
  }
  .settings-form {
    padding: 22px 18px;
  }
  footer {
    padding: 20px;
    font-size: 9px;
  }
  footer > span {
    display: none;
  }
  .login-page {
    display: flex;
    flex-direction: column;
  }
  .login-story {
    min-height: 0;
    padding: 24px;
    background: #eaf0f0;
  }
  .login-copy {
    padding: 32px 0 10px;
  }
  .login-copy > p:first-child {
    display: none;
  }
  .login-copy h1 {
    font-size: 33px;
    line-height: 1.15;
  }
  .journey-art,
  .story-bottom,
  .login-copy .story-caption {
    display: none;
  }
  .login-form-area {
    padding: 64px 28px 80px;
  }
  .login-form {
    max-width: 400px;
  }
  .login-language {
    top: 20px;
    right: 28px;
  }
  .mini-symbol {
    display: none;
  }
  .login-form h2 {
    font-size: 26px;
  }
  .login-form > p {
    margin: 10px 0 26px;
  }
  .login-bottom {
    bottom: 24px;
  }
  .login-help {
    margin-top: 24px;
    padding-top: 20px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  button,
  a {
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
  }
  .modal {
    animation: appear 0.15s ease;
  }
  @keyframes appear {
    from {
      opacity: 0;
      transform: translateY(5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

.modal::backdrop {
  background: #20343e66;
  backdrop-filter: blur(3px);
}
dialog.modal {
  padding: 0;
  color: inherit;
}
.mobile-signout {
  display: none;
}
@media (max-width: 1000px) {
  .receiving-card {
    display: block;
  }
}
@media (max-width: 760px) {
  .mobile-signout {
    display: inline-flex;
    margin-left: 10px;
  }
  .sidebar nav {
    scrollbar-width: none;
  }
  .sidebar nav::-webkit-scrollbar {
    display: none;
  }
}
/* Taste redesign: task-led workspaces, one blue accent, tabular shipment and fee data. */
:root{font-variant-numeric:tabular-nums;background:#f5f7fb;color:#253449}
h1{font-size:30px;letter-spacing:-.6px;font-weight:650;color:#172a43}
h2,h3{color:#172a43}p{max-width:72ch;color:#64748b}
.app{min-height:100dvh}.sidebar{background:#fff;padding:30px 18px 20px}.sidebar nav{gap:5px}.sidebar nav a{color:#53657a;border-radius:8px;min-height:46px}.sidebar nav a.active{background:#eaf1fb;color:#174a82;box-shadow:inset 3px 0 #245c94}.sidebar-note{display:none}.profile{margin-top:auto}.workspace-label{letter-spacing:0;text-transform:none;font-size:12px;margin-top:42px}.avatar{border-radius:10px;background:#eaf0f8;color:#295685}.topbar{background:#fff;height:64px;color:#687b91;font-size:12px}.page-heading{margin-bottom:30px;align-items:flex-start}.page-heading p{font-size:13px;margin-top:10px}.button{background:#214f80;border-radius:8px;min-height:42px;white-space:nowrap}.button:hover{background:#173d67}.button.secondary{background:#fff;color:#294c73;border-color:#d8e1ed}.button:active{transform:translateY(1px)}.panel{box-shadow:none;border-color:#e3e8ef;border-radius:12px}.section-title{padding:22px 24px}.text-button{min-height:36px}.settings-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow-x:auto}.settings-tabs button{padding:10px 0 16px;white-space:nowrap;font-size:14px;color:#69798d;border-bottom:2px solid transparent}.settings-tabs button[aria-current]{color:#174a82;border-color:#245c94;font-weight:600}.settings-section{padding:26px}.settings-section>p{margin:12px 0 22px}.people-row{padding:22px 24px;font-size:13px;gap:20px}.people-row>div:last-child{gap:12px;flex-wrap:wrap}.people-row .danger{color:#aa4651}.modal{width:680px;border-radius:16px;max-height:92dvh}.modal-form{padding:26px 30px;gap:22px}.modal-form fieldset.panel{padding:22px;margin:0;overflow:visible;background:#fafbfd;border:1px solid #e1e7f0;border-radius:10px;min-width:0}.modal-form legend{padding:0 8px;font-weight:600;color:#254d77}.modal-form .form-grid{gap:18px}.modal-form fieldset>.field{margin-bottom:18px}input,select,textarea{border-radius:7px;border-color:#d6dfeb;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#4d78a6;box-shadow:0 0 0 3px #eaf1fa}.earnings-filters{margin-bottom:26px}.earnings-filters .form-grid{max-width:540px}.earnings-summary{padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:26px}.earnings-summary>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.earnings-summary h2{font-size:28px;font-weight:650}.earnings-summary>h2{font-size:12px;font-weight:600;color:#697c92}.earnings-summary p{font-size:13px}.empty-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.empty-summary span,.empty-summary strong{display:block}.empty-summary span{font-size:13px;color:#697c92}.empty-summary strong{font-size:32px;margin-top:12px;color:#234c79}.earnings-ledger>h2{padding:26px 26px 0}.earnings-ledger>p{padding:0 26px;margin:10px 0 26px;font-size:12px}.earnings-columns,.earnings-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(180px,1.2fr) 100px 128px;gap:20px;padding:20px 26px;align-items:center}.earnings-columns{background:#f7f9fc;color:#748297;font-size:12px;padding-top:13px;padding-bottom:13px}.earnings-row{border-top:1px solid var(--line);font-size:13px}.earnings-row a{font-weight:600;color:#205c96}.earnings-row small{display:block;margin-top:5px;font-size:11px}.earnings-row strong{font-size:18px}.earnings-row .badge{justify-self:start}.first-password{min-height:100dvh;display:grid;place-items:center;padding:24px}.first-password form{width:min(100%,460px);padding:34px}.first-password h1{font-size:26px}.first-password p{font-size:13px}
@media(max-width:900px){.earnings-columns{display:none}.earnings-row{grid-template-columns:minmax(0,1fr) auto}.earnings-row>div:nth-child(2){text-align:right}.settings-tabs{gap:22px}}
@media(max-width:640px){.page-heading{gap:14px}h1{font-size:25px}.page-heading .button{font-size:12px}.settings-tabs{margin-bottom:20px}.settings-tabs button{font-size:13px}.settings-section{padding:20px}.people-row{padding:18px;gap:12px}.modal-form{padding:22px 20px}.modal-form fieldset.panel{padding:16px}.earnings-summary{padding:22px 18px}.earnings-summary h2{font-size:23px}.earnings-summary>.form-grid{gap:12px}.earnings-row{padding:20px 18px;gap:12px}.earnings-ledger>h2{padding-left:18px}.earnings-ledger>p{padding-left:18px}.empty-summary{gap:16px}.topbar{height:56px}.first-password form{padding:26px}}
@media(prefers-reduced-motion:reduce){.button:active{transform:none}}
/* Phileas: brand-led service storefront. Red acts, yellow guides, charcoal grounds. */
:root{--ink:#2c343c;--muted:#6e747b;--line:#e5e6e8;--soft:#f4f4f4;background:#f7f7f7;color:#2c343c}
.brand-logo{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0;background:white;border-radius:50%}.brand{gap:12px}.brand small{font-size:10px;letter-spacing:0}.button,.shop-cta{background:#c92540;color:white}.button:hover,.shop-cta:hover{background:#ad2037}.button.secondary{background:#fff;color:#2c343c;border-color:#d9dcdf}.sidebar nav a.active{background:#fff0f2;color:#a71f34;box-shadow:inset 3px 0 #d92946}.sidebar nav a{color:#565e67}.settings-tabs button[aria-current]{color:#b9223b;border-color:#d92946}.avatar{color:#444b51;background:#f0f0f0}h1,h2,h3{color:#2c343c}.text-button,.earnings-row a{color:#a91e36}input:focus,select:focus,textarea:focus{border-color:#b84f60;box-shadow:0 0 0 3px #fff0f3}.first-password{background:#f5f5f3}.first-password .brand-logo{width:56px;height:56px}.earnings-summary h2,.empty-summary strong{color:#2c343c}.modal-form legend{color:#343b43}.modal-form fieldset.panel{background:#fafafa;border-color:#e2e3e5}.shop{background:#fff;min-height:100dvh;color:#2c343c}.shop-header{height:100px;max-width:1400px;margin:auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #eeeff0}.shop-brand{display:flex;align-items:center;gap:13px}.shop-brand>span{font-size:26px;font-weight:700;letter-spacing:-1px}.shop-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.2px;color:#757b80;margin-top:1px}.shop-header nav{display:flex;gap:32px;font-size:13px;font-weight:500}.shop-header nav a:hover{color:#bf233b}.shop-header-actions{display:flex;gap:18px;align-items:center}.shop-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;padding:14px 24px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.shop-header .shop-cta{padding:12px 18px}.shop .language{border:none;background:transparent;color:#545d66;padding:6px}.shop-main{max-width:1400px;padding:0 54px;margin:auto;min-height:0}.shop-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:80px 0 72px}.route-caption{display:inline-block;font-size:12px;color:#777d83;border-left:3px solid #eedb53;padding-left:12px;margin-bottom:24px}.hero-copy h1{font-size:clamp(32px,3.7vw,54px);font-weight:650;letter-spacing:-1.8px;line-height:1.24;white-space:pre-line;max-width:14em}.hero-copy>p{font-size:15px;line-height:1.9;margin:25px 0 30px;max-width:34em;color:#71777e}.hero-actions{display:flex;align-items:center;gap:25px}.shop-text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#343c44}.shop-text-link:hover{color:#bf233b}.service-promises{display:flex;gap:20px;margin-top:36px;font-size:11px;color:#747a81;flex-wrap:wrap}.service-promises span{display:flex;gap:7px;align-items:center}.service-promises svg{color:#454e56}.hero-parcel{position:relative;padding:38px 24px 12px;background:#f5f3ed;border-radius:24px;min-height:360px}.shipping-ticket{background:white;border-radius:12px;padding:27px;box-shadow:0 15px 36px #2c343c0c;transform:rotate(-3deg);border-top:6px solid #e82c48}.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#69717a}.ticket-top .brand-logo{width:42px;height:42px}.ticket-route{display:flex;align-items:center;justify-content:space-between;padding:28px 0 22px}.ticket-route small{font-size:10px}.ticket-route strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.5px;margin-top:5px}.route-dash{border-bottom:1px dashed #b7b9bc;flex:1;margin:0 20px;text-align:center;color:#c52a40}.ticket-packages{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #d8dadc;border-bottom:1px dashed #d8dadc;padding:25px 0;color:#737b84}.ticket-packages>span{background:#f4f5f5;border-radius:8px;width:50px;height:50px;display:grid;place-items:center}.ticket-packages i{font-style:normal;font-size:13px;color:#abb0b4}.ticket-packages b{background:#f3e55b;padding:12px;border-radius:8px;color:#3e4347}.ticket-bottom{display:flex;justify-content:space-between;font-size:10px;color:#777f86;padding-top:20px}.parcel-note{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;margin:32px 0 4px;color:#6a6d6c}.note-dot{width:7px;height:7px;background:#d52641;border-radius:50%}.shop-how{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;padding:64px 0 76px;border-top:1px solid #eaebec}.section-caption{font-size:12px;color:#8a7376;display:block;margin-bottom:16px}.shop-how h2,.shop-pricing h2{font-size:32px;letter-spacing:-1px;line-height:1.4;white-space:pre-line;font-weight:600}.shop-how>div>p{font-size:13px;line-height:1.8;margin-top:18px}.shop-how ol{list-style:none;margin:0;padding:0}.shop-how li{display:flex;gap:22px;padding:0 0 26px;margin-bottom:24px;border-bottom:1px solid #ededef}.shop-how li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.shop-how li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f8f1bd;color:#665a27;font-size:12px;flex-shrink:0}.shop-how h3{font-size:16px;font-weight:600;margin:3px 0 10px}.shop-how li p{font-size:13px;line-height:1.8;margin:0;max-width:38em}.shop-pricing{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding:54px;background:#f6f6f6;border-radius:16px;margin-bottom:70px}.shop-pricing p{font-size:13px;line-height:1.9;margin:18px 0 22px}.price-explanation{padding-left:36px;border-left:1px solid #dddfe1}.price-explanation>div>span{font-size:11px;color:#777e85}.price-explanation strong{display:block;font-size:24px;font-weight:600;margin:10px 0 30px}.price-explanation p{display:flex;align-items:center;gap:16px;color:#424b53}.shop-footer{max-width:1292px;margin:auto;padding:30px 0 40px;border-top:1px solid #e5e6e8;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#747a81;font-size:12px}.shop-footer>div{display:flex;align-items:center;gap:14px}.shop-footer strong{font-weight:500;color:#5a626b}.shop-footer .brand-logo{width:34px;height:34px}.shop-content{max-width:1260px;padding:48px 40px 70px;min-height:65dvh}.customer-service{background:#fcfcfc}.customer-service .shop-header{background:white}.customer-service .page-heading h1{font-size:28px}.customer-service .summary-strip{display:none}.customer-updates{margin:0 0 68px;border:1px solid #e5e6e8;border-radius:12px;overflow:hidden}.customer-updates .section-title{padding:26px 30px}.customer-updates .section-caption{margin-bottom:6px}.customer-updates h2{font-size:20px}.customer-action-list button{display:flex;gap:16px;align-items:center;width:100%;text-align:left;padding:24px 30px;border-top:1px solid #ededed}.customer-action-list button:hover{background:#fffdf3}.customer-action-list button>div{flex:1}.customer-action-list button>span:last-child{display:flex;gap:9px;font-size:12px;color:#b8233b}.action-dot{width:8px;height:8px;background:#dfc533;border-radius:50%;flex-shrink:0}.customer-action-list strong{font-size:14px}.customer-action-list p{font-size:12px;margin:7px 0 0}.customer-clear{padding:26px 30px;background:#fafafa;display:flex;align-items:center;gap:22px}.customer-clear p{flex:1;font-size:13px;line-height:1.8;margin:0}.customer-clear svg{color:#9c922e}.shop-skeleton{height:90px;background:#f6f6f6;margin:0 30px 25px;border-radius:6px}.login-story{background:#2c343c}.login-copy h1{color:white}.login-story .brand{color:white}.login-story .brand-logo{background:white}.login-story .journey-art{background:transparent}.login-page .login-form .mini-symbol{background:#fff0f2;color:#b9233b}.login-page .login-copy>p{color:#e9e2bd}.login-page .story-caption{color:#ced1d4}.shop a:focus-visible,.shop button:focus-visible{outline:3px solid #c9324a;outline-offset:4px}
@media(max-width:1100px){.shop-header{padding:0 30px;gap:20px}.shop-header nav{gap:20px}.shop-main{padding:0 36px}.shop-hero{gap:35px}.hero-copy h1{font-size:38px}.shop-how,.shop-pricing{gap:46px}.shop-footer{margin:0 36px}.service-promises{gap:12px}.hero-parcel{padding:30px 16px 12px}}
@media(max-width:760px){.shop-header{height:auto;min-height:82px;padding:16px 22px;flex-wrap:wrap;gap:14px}.shop-brand>span{font-size:23px}.shop-header .brand-logo{width:38px;height:38px}.shop-header nav{order:3;width:100%;border-top:1px solid #eee;padding-top:14px;gap:28px;font-size:12px}.shop-header-actions{gap:8px;margin-left:auto}.shop-header-actions>.text-button{display:none}.shop-header .shop-cta{padding:9px 12px;font-size:11px;gap:6px}.shop-main{padding:0 24px}.shop-hero{grid-template-columns:1fr;padding:38px 0 44px;gap:30px}.hero-copy h1{font-size:36px;letter-spacing:-1px;line-height:1.3}.route-caption{margin-bottom:18px;font-size:11px}.hero-copy>p{font-size:14px;margin:20px 0 24px}.hero-actions{gap:20px}.hero-actions .shop-cta{padding:14px 18px}.service-promises{margin-top:26px;font-size:10px;gap:14px}.hero-parcel{min-height:0;padding:26px 24px 10px}.shipping-ticket{padding:22px}.ticket-route strong{font-size:23px}.ticket-packages{padding:19px 0}.shop-how{grid-template-columns:1fr;padding:36px 0 42px;gap:30px}.shop-how h2,.shop-pricing h2{font-size:28px}.shop-how li{gap:16px}.shop-pricing{grid-template-columns:1fr;padding:27px 24px;gap:30px;margin-bottom:40px}.price-explanation{border-left:0;border-top:1px solid #dddfe1;padding:25px 0 0}.price-explanation strong{margin-bottom:20px}.shop-footer{margin:0 24px;padding:24px 0;flex-wrap:wrap;font-size:11px}.shop-footer>div{width:100%}.shop-content{padding:28px 20px 40px}.customer-updates{margin-bottom:38px}.customer-updates .section-title{padding:22px;align-items:flex-start}.customer-updates h2{font-size:18px}.customer-updates .section-title>a{font-size:11px;white-space:nowrap}.customer-clear{padding:22px;gap:12px;flex-wrap:wrap}.customer-clear p{min-width:75%}.customer-clear>a{margin-left:36px}.customer-action-list button{padding:22px 18px;gap:12px}.customer-action-list button>span:last-child{font-size:11px}.shop .shop-brand small{font-size:9px}.shop-header .language{font-size:11px;padding:4px}.customer-service .page-heading{flex-wrap:wrap}.ticket-packages>span{width:42px;height:42px}.ticket-packages b{padding:8px}}
.login-story .brand small{color:#c9cdd0}.login-story .journey-art span{color:#c9cdd0}.login-story .journey-art svg{color:#404950}.login-story .story-caption{color:#c9cdd0}
/* Compact operational layouts: keep related evidence together without shrinking touch targets. */
.page-heading{margin-bottom:20px}.page-heading p{margin-top:6px}
.shop-content{padding-top:30px}.detail-grid{gap:18px;align-items:start}
.section-title{padding:16px 20px}.parcel-detail{padding:16px 20px}
.parcel-evidence{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin:14px 0;align-items:start}
.parcel-evidence>div{min-width:0}.parcel-evidence h3{font-size:12px;font-weight:600;margin:0 0 8px;color:#667078}
.parcel-evidence .product-declaration{margin:0;padding:0;background:none}
.parcel-evidence .product-list{margin:0}.product-row{gap:10px;padding:5px 0}.product-row p{margin:5px 0 0}
.product-row img,.product-placeholder{width:64px;height:64px;flex-shrink:0}.product-row>a{flex-shrink:0}
.parcel-evidence .photo-grid{margin:0;gap:6px}.photo-grid img{width:64px;height:64px;object-fit:contain;background:#fafafa}
.inspection-evidence{border-left:1px solid var(--line);padding-left:16px}.inspection-evidence .muted{font-size:12px;margin:0}
.parcel-actions{margin-top:10px}.inspection-note{margin:10px 0;padding:10px 12px}.panel-foot{padding:12px 20px}
.form-panel{padding:20px 22px}.form-section-title{margin-bottom:16px}.form-panel>.field{margin:14px 0}
.modal-form{padding:20px 24px;gap:16px}.modal-form .form-grid,.form-grid{gap:14px}.modal-form fieldset.panel{padding:16px}
.box-form{padding:12px;gap:10px}.product-declaration{margin:14px 0;padding:14px}.form-footer{gap:12px;flex-wrap:wrap}
.receiving-match{max-width:1000px}.receiving-evidence{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);gap:24px;align-items:start;margin-top:14px}
.receiving-evidence>.product-list{margin:0}.receiving-inspection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0 0 0 20px;border-top:0;border-left:1px solid var(--line)}
.receiving-inspection>h3,.receiving-inspection>.error,.receiving-inspection>.notice,.receiving-inspection>.button,.receiving-inspection>.field:has(textarea),.receiving-inspection>.field:has(input[type=file]){grid-column:1/-1}
.receiving-inspection>h3{margin:0;font-size:14px}.receiving-inspection>.button{justify-self:start}.receiving-inspection textarea{min-height:72px}.receiving-match>.text-button{margin-top:12px}
.timeline{padding-top:16px;padding-bottom:16px}.timeline>div{padding-bottom:16px}.people-row{padding:16px 20px}.earnings-row,.earnings-columns{padding-top:14px;padding-bottom:14px}
@media(max-width:760px){.shop-content{padding-top:22px}.form-panel,.parcel-detail{padding:16px}.section-title{padding:14px 16px}.detail-grid{gap:14px}.parcel-evidence{gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.inspection-evidence{padding-left:12px}.product-row{align-items:flex-start;flex-wrap:wrap}.product-row img,.product-placeholder,.photo-grid img{width:56px;height:56px}.receiving-evidence{grid-template-columns:1fr;gap:14px}.receiving-inspection{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.modal-form{padding:18px;gap:14px}.modal-form .form-grid{gap:12px}.page-heading{margin-bottom:16px}}

/* Internal supply workspace: dense rows, clear handoffs, existing Phileas palette. */
.sc-workspace{max-width:1440px;margin:0 auto;color:#2c343c;font-size:13px;font-variant-numeric:tabular-nums}.sc-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.sc-eyebrow{font-size:11px;color:#70777d;letter-spacing:.04em;border-left:3px solid #ebd746;padding-left:8px}.sc-heading h1{font-size:29px;letter-spacing:-.9px;font-weight:650;margin:9px 0 4px;line-height:1.25}.sc-heading p{font-size:12px;max-width:60em;margin:9px 0 0}.sc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px}.sc-workspace .button{min-height:36px;padding:8px 14px;font-size:12px}.sc-workspace .button.secondary{border-color:#d9dcdf}.sc-workspace .button:not(.secondary){border-color:#c92540}.sc-workspace .text-button{font-size:12px;min-height:30px}.sc-surface{background:#fff;border:1px solid #e1e3e5;border-radius:9px;overflow:hidden;margin:16px 0}.sc-form{padding:20px}.sc-form h2{font-size:17px;letter-spacing:-.35px;margin:0 0 12px}.sc-form h3{font-size:13px;margin:22px 0 12px}.sc-form>p{font-size:12px;line-height:1.7;max-width:70em;margin:6px 0 16px}.sc-workspace input,.sc-workspace select,.sc-workspace textarea{min-height:36px;padding:8px 10px;font-size:12px;border-radius:5px;color:#2c343c}.sc-workspace .field{gap:5px}.sc-workspace .field>span{font-size:11px;font-weight:550;color:#626a70}.sc-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.sc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.sc-section-heading h2{margin:0}.sc-section-heading small{display:block;font-size:11px;margin-top:4px}.sc-filter{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #e7e8e9}.sc-filter>input{max-width:360px;flex:1}.sc-filter>select{width:auto;min-width:110px}.sc-filter>.text-button{margin-left:auto}.sc-table-scroll{overflow-x:auto}.sc-table{border-collapse:collapse;width:100%;text-align:left}.sc-table th{font-size:11px;font-weight:550;color:#70777d;padding:11px 16px;background:#f7f7f6;border-bottom:1px solid #e6e7e8;white-space:nowrap}.sc-table td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid #ebebea;font-size:12px;overflow-wrap:anywhere}.sc-table tr:last-child td{border-bottom:0}.sc-table tbody tr:hover{background:#fffdf6}.sc-table td>small{display:block;color:#84898e;margin-top:4px;font-size:10px}.sc-table td>input{max-width:88px}.sc-link{font-weight:600;color:#a51e35;font-size:12px;padding:0;text-align:left;line-height:1.5}.sc-link:hover{text-decoration:underline}.sc-workspace :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #c52c43;outline-offset:3px}.sc-metrics{display:flex;gap:0;border-bottom:1px solid #dfe1e2;padding:7px 0 20px;margin-bottom:18px}.sc-metrics>div{flex:1;padding:0 25px;border-right:1px solid #e0e2e3}.sc-metrics>div:first-child{padding-left:0}.sc-metrics>div:last-child{border:0}.sc-metrics span{display:block;font-size:11px;color:#767d82}.sc-metrics strong{display:block;font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:4px;line-height:1.3}.sc-status{display:inline-block;font-size:10px;font-weight:550;padding:4px 7px;white-space:nowrap;border-radius:4px;background:#f0f1f2;color:#616970}.sc-status-pending,.sc-status-blocked,.sc-status-conflict{background:#faf1ce;color:#7b6825}.sc-status-ready,.sc-status-completed,.sc-status-complete{background:#edf3ec;color:#44623d}.sc-status-cancelled{background:#f5e7e9;color:#ad3d4c}.sc-status-unconfigured,.sc-status-unavailable{background:#f5e7e9;color:#9e4450}.sc-detail-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px;color:#737b82;font-size:12px}.sc-empty{padding:34px 20px;text-align:center;color:#848b90;font-size:12px;line-height:1.8}.sc-empty .text-button{display:block;margin:8px auto 0}.sc-muted{color:#868b90;font-size:11px}.sc-error,.sc-warning,.sc-success{padding:12px 14px;border-radius:6px;margin:12px 0;font-size:12px;line-height:1.7}.sc-error{background:#fff1f1;border-left:3px solid #c72c41;color:#9f2436}.sc-warning{background:#fff9e3;border-left:3px solid #e3c74a;color:#796b37}.sc-warning .text-button{margin-left:15px}.sc-success{background:#edf4ec;color:#42683b}.sc-loading{padding:20px;color:#777;animation:sc-loading 1.4s ease-in-out infinite}.sc-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:14px 0;line-height:1.4}.sc-workspace input[type=checkbox]{min-height:0;width:16px;height:16px;margin:0;accent-color:#c92540;padding:0}.sc-checkboxes{display:flex;flex-wrap:wrap;gap:20px}.sc-line-editor{padding:14px;border:1px solid #e6e7e8;background:#fcfcfb;border-radius:6px;margin:12px 0}.sc-line-editor .sc-form-grid{margin:0}.sc-line-editor>.text-button{margin-top:10px}.sc-list>button{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;width:100%;padding:15px 18px;border-bottom:1px solid #ededec}.sc-list>button:last-child{border:0}.sc-list>button:hover{background:#fffdf6}.sc-list strong{font-size:12px}.sc-list small{display:block;font-size:11px;margin:5px 0}.sc-list>button>span:last-child{font-size:11px;color:#a92037;white-space:nowrap}.sc-address{overflow-wrap:anywhere}.sc-product{border-bottom:1px solid #e6e7e8}.sc-product:last-child{border:0}.sc-product summary{list-style:none;display:flex;gap:12px;align-items:center;padding:15px 16px;cursor:pointer}.sc-product summary::-webkit-details-marker{display:none}.sc-product summary>span:nth-child(2){flex:1}.sc-product summary strong{font-size:13px}.sc-product summary small{display:block;font-size:10px;margin:4px 0 0}.sc-product summary>img,.sc-thumb{width:42px;height:42px;border-radius:5px;border:1px solid #ebebeb;object-fit:contain;background:#fafafa;flex-shrink:0}.sc-thumb{display:grid;place-items:center;color:#aaa;font-size:10px}.sc-product[open] summary{background:#fafaf9}.sc-batch-line{padding:16px 0;border-top:1px solid #e6e7e8}.sc-batch-line .sc-section-heading{margin-bottom:8px}.sc-batch-line>.sc-link{font-size:11px}.sc-purchase-count{font-size:12px;color:#535b62;text-align:right;white-space:nowrap}.sc-purchase-count strong{font-size:17px;font-weight:600;color:#2c343c;margin:0 4px}.sc-purchase-count small{display:block;font-size:10px;color:#858b91}.sc-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sc-two-columns>.sc-surface{margin:0}.sc-two-columns .sc-form-grid{grid-template-columns:1fr 1fr}.sc-two-columns .field:has(textarea){margin-top:20px}.sc-two-columns form>.text-button{margin-top:10px}.sc-history{margin-top:20px;border-top:1px solid #e5e6e7;padding-top:14px;font-size:11px;color:#747a80}.sc-history summary{cursor:pointer;color:#61686e}.sc-history>div{display:flex;align-items:flex-start;gap:16px;padding:10px 0;border-bottom:1px solid #ededed}.sc-history time{flex-shrink:0;color:#91979b}.sc-reason{max-width:36em;line-height:1.7}.sc-form summary{cursor:pointer;color:#757b80;font-size:12px}.sc-form>button[type=submit],.sc-form>.button{margin-top:14px}@keyframes sc-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.sc-loading{animation:none}}@media(max-width:1000px){.sc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-two-columns{grid-template-columns:1fr}}@media(max-width:640px){.sc-heading{flex-direction:column;gap:7px;margin-bottom:18px}.sc-heading h1{font-size:25px}.sc-actions{padding:0}.sc-form{padding:16px}.sc-form-grid{grid-template-columns:1fr}.sc-metrics{flex-wrap:wrap;row-gap:18px}.sc-metrics>div{flex-basis:50%;padding-left:18px}.sc-metrics>div:nth-child(3){padding-left:0}.sc-metrics>div:nth-child(2){border:0}.sc-metrics strong{font-size:27px}.sc-filter{flex-wrap:wrap;padding:12px}.sc-filter>input{flex-basis:100%;max-width:none}.sc-filter>select{flex:1}.sc-table th,.sc-table td{padding:10px 12px}.sc-detail-meta{gap:12px}.sc-two-columns .sc-form-grid{grid-template-columns:1fr}.sc-product summary>.sc-muted{display:none}.sc-history>div{flex-direction:column;gap:3px}.sc-batch-line .sc-section-heading{align-items:flex-start}}
.sc-fieldset{margin:0;padding:0;border:0;min-width:0}.sc-feedback-list p{font-size:12px;padding:10px 0;border-bottom:1px solid #ededed}.sc-feedback-list small{display:block;margin-bottom:5px}.sc-json{max-height:240px;overflow:auto;font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#6b643e}.sc-warning h3{margin:0;font-size:13px}.sc-warning .sc-form-grid{grid-template-columns:1.4fr 1fr}.sc-warning p{font-size:12px;color:inherit}
.sc-address-edit{margin-top:16px;padding-top:12px;border-top:1px solid #e8e9ea}.sc-address-edit summary{font-size:12px;color:#a92036;cursor:pointer}.sc-line-editor>p{font-size:12px;color:#8e702b;margin:7px 0 0}
.sc-pagination{display:flex;gap:20px;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid #e7e8e9;color:#7e858b;font-size:11px}
.sc-status-verified,.sc-status-available{background:#edf3ec;color:#44623d}.sc-status-paused{background:#f2eeee;color:#8d7c7f}
.sc-purchase-history{margin-top:12px;background:#fafaf9}.sc-purchase-history th{font-size:10px;background:#f3f3f1}.sc-purchase-history td{font-size:11px;padding-top:9px;padding-bottom:9px}.sc-feedback-entry{border-bottom:1px solid #e8e9e9;padding:12px 0}.sc-feedback-entry:last-child{border:0}.sc-feedback-entry>small{display:block;font-size:10px}.sc-feedback-entry>p{border:0;padding:0;margin:8px 0;font-size:12px}.sc-feedback-entry form{display:flex;align-items:flex-end;gap:12px;max-width:620px}.sc-feedback-entry form>.field{flex:1}

.sc-product-identity{display:flex;align-items:center;gap:10px;min-width:0}.sc-product-identity>img{width:36px;height:36px;object-fit:contain;border:1px solid #ececea;border-radius:4px;background:#fafaf9;flex-shrink:0}.sc-product-identity>span{min-width:0}.sc-product-identity small{display:block;color:#858b90;font-size:10px;margin-top:4px}.sc-table-heading{padding:16px;margin:0;border-bottom:1px solid #e6e7e8}.sc-table-heading h2{font-size:16px;letter-spacing:-.3px;margin:0}.sc-table-heading small{color:#7d8489;font-size:11px;margin-top:6px}.sc-receipt-review{padding:18px;margin:16px;border:1px solid #e7dab6;border-radius:6px;background:#fffdf5;font-size:12px}.sc-receipt-review h3{margin:0;font-size:14px}.sc-receipt-review p{line-height:1.7;margin:8px 0}.sc-receipt-review details{margin-top:12px}.sc-receipt-review summary{cursor:pointer;font-size:11px;color:#72786e}.sc-receipt-tracking{font-size:11px;overflow-wrap:anywhere}.sc-receipt-tracking+.sc-receipt-tracking{margin-top:6px}.sc-receipt-tracking small{display:block;color:#858b90;font-size:10px;margin-top:3px}.sc-status-succeeded{background:#edf3ec;color:#44623d}.sc-status-unknown,.sc-status-retry{background:#faf1ce;color:#7b6825}.sc-status-sending{background:#eaf1f5;color:#456474}.sc-surface>.sc-error,.sc-surface>.sc-success{margin:12px 16px}@media(max-width:640px){.sc-table-heading{align-items:flex-start;flex-direction:column}.sc-receipt-review{padding:14px;margin:12px}}

.sc-receipt-actions{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.sc-receipt-actions>.text-button{white-space:nowrap}
.sc-order-table{min-width:65rem;font-variant-numeric:tabular-nums}
.sc-order-table th,.sc-order-table td{white-space:nowrap;padding:10px 12px;overflow-wrap:normal}
.sc-order-table .sc-link,.sc-order-table .text-button{white-space:nowrap}
.sc-order-table .sc-order-number,.sc-order-table th:nth-child(4),.sc-order-table th:nth-child(5){text-align:right}
.sc-order-table .sc-status{font-size:11px;font-weight:500}
.sc-readiness-table>tbody>tr.sc-expanded-product{background:#fffdf5}
.sc-readiness-table>tbody>tr>td.sc-inline-editor{padding:0;background:#fffdf5}
.sc-inline-editor>.sc-form{margin:0;border:0;border-left:3px solid #c92540;border-radius:0;padding:16px 20px;background:#fffdf8}
.sc-inline-editor .sc-section-heading h2,.sc-inline-editor .sc-section-heading h3{font-size:14px;margin:0}
.sc-readiness-table>tbody>tr>td:last-child>.text-button{white-space:nowrap}
.sc-mapping-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;margin:8px 0 14px}
.sc-mapping-help li{min-width:0;line-height:1.6;font-size:11px;color:#747b80}
.sc-mapping-help strong{display:block;font-size:12px;font-weight:550;color:#3d464e;margin-bottom:3px}
.sc-mapping-help span{display:block}
.sc-mapping-form .sc-mapping-missing{color:#8b6b29;font-size:11px;margin:8px 0;max-width:none}
.sc-mapping-form .sc-mapping-ready{color:#42683b;font-size:11px;margin:8px 0}
@media(max-width:800px){.sc-mapping-help{grid-template-columns:1fr;gap:9px}.sc-inline-editor>.sc-form{padding:14px}}
.sc-demand-form>.sc-section-heading{align-items:center}
.sc-demand-form>.sc-section-heading h3{margin:10px 0;font-size:14px}
.sc-draft-products{min-width:640px}
.sc-draft-products th,.sc-draft-products td{padding:10px 12px}
.sc-draft-products th:first-child,.sc-draft-products td:first-child{width:60px}
.sc-draft-products td:first-child>img,.sc-draft-thumb{display:block;width:42px;height:42px;object-fit:contain;border:1px solid #e6e8e9;border-radius:5px;background:#fafaf9}
.sc-draft-thumb{text-align:center;line-height:42px;color:#9b9fa3}
.sc-draft-products td:nth-child(2){min-width:180px;max-width:360px}
.sc-draft-products td:nth-child(2)>input{max-width:none;width:100%}
.sc-draft-products td:nth-child(3){min-width:190px}
.sc-draft-products td:nth-child(3)>input,.sc-draft-products td:nth-child(3)>select{max-width:none;width:100%}
.sc-draft-products td:nth-child(4)>input{width:82px;max-width:82px;text-align:right}
.sc-draft-products td:nth-child(5){white-space:nowrap}
.sc-draft-products td:nth-child(5)>.text-button+.text-button{margin-left:9px}
.sc-draft-products td>.sc-draft-warning{color:#99752b}
.sc-draft-picker{padding:14px;background:#fafaf8;border:1px solid #e6e7e7;border-radius:6px;margin:12px 0}
.sc-draft-picker>.field{max-width:440px;margin-bottom:10px}
.sc-draft-picker .sc-table{background:#fff}
.sc-draft-picker .sc-table td{padding:8px 10px}
.sc-draft-picker .sc-pagination{padding:10px 0 0;border:0}

.sc-purchase-fields{grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr) minmax(100px,.7fr) minmax(0,1.3fr)}.sc-purchase-fields>.field{min-width:0}@media(max-width:760px){.sc-purchase-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.sc-purchase-fields{grid-template-columns:1fr}}

/* Receiving is a compact continuation of the order row. */
.domestic-expanded > td { padding: 0 !important; background: var(--surface, #fff); }
.domestic-inline { padding: 10px 16px; border-left: 3px solid #c92540; }
.domestic-toolbar,.domestic-parcel-heading,.domestic-receipt-actions,.domestic-finish { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.domestic-toolbar { justify-content:space-between; color:var(--muted, #64706e); font-size:13px; margin-bottom:6px; }
.domestic-parcel { padding:10px 0; border-bottom:1px solid #e5eae8; }
.domestic-parcel-heading { font-size:13px; margin-bottom:6px; }
.domestic-parcel-heading strong { overflow-wrap:anywhere; }
.domestic-receipt-actions { margin-top:8px; }
.domestic-inline .button { min-height:34px; padding:6px 12px; font-size:13px; }
.domestic-issues { padding:8px 0; }
.domestic-issues > div { display:flex; flex-wrap:wrap; gap:8px 18px; margin-bottom:6px; }
.domestic-issues > input { width:min(100%,560px); }
.domestic-note { margin:6px 0; font-size:13px; color:var(--muted, #64706e); white-space:pre-line; }
.domestic-packing { padding:12px 0 4px; }
.domestic-box,.domestic-pack-options,.domestic-replacement { display:flex; align-items:flex-end; flex-wrap:wrap; gap:8px 12px; margin:8px 0; }
.domestic-box label,.domestic-pack-options label,.domestic-finish label,.domestic-replacement label { display:flex; flex-direction:column; gap:4px; font-size:12px; }
.domestic-box input { width:110px; min-height:32px; padding:4px 8px; }
.domestic-box > span { font-size:13px; align-self:center; }
.domestic-pack-options select { min-width:220px; }
.domestic-pack-options small { align-self:center; }
.domestic-finish { margin-top:12px; }
.domestic-finish input[type=file] { max-width:290px; font-size:12px; }
.domestic-photo { width:48px; height:48px; object-fit:cover; border-radius:4px; }
.domestic-orders > tbody > tr > td:nth-child(2) { max-width:310px; overflow-wrap:anywhere; white-space:normal; }
.domestic-orders > tbody > tr:not(.domestic-expanded) > td:last-child { white-space:nowrap; }
.domestic-external > .sc-form { border:0; padding:10px 16px; margin:0; }
@media(max-width:640px) { .domestic-inline { padding:8px; }.domestic-box input { width:90px; }.domestic-pack-options label { max-width:100%; } }
.domestic-orders { min-width:640px; }
.domestic-orders > tbody > tr:not(.domestic-expanded) > td:first-child { white-space:nowrap; }
@media(max-width:640px) { .domestic-inline { width:calc(100vw - 42px); box-sizing:border-box; }.domestic-external > .sc-form { width:calc(100vw - 42px); box-sizing:border-box; } }
.domestic-product-cards { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.domestic-product-card { min-width:0; padding:8px; border:1px solid #e5e7e8; border-radius:6px; background:white; }
.domestic-card-image { aspect-ratio:1; display:grid; place-items:center; background:#f6f6f6; border-radius:4px; overflow:hidden; color:#858b90; font-size:11px; }
.domestic-card-image img { width:100%; height:100%; object-fit:contain; }
.domestic-card-name { margin:8px 0; min-height:36px; font-size:12px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
.domestic-card-quantity { margin:4px 0; font-size:12px; }
.domestic-card-actual { display:flex; align-items:center; flex-wrap:wrap; gap:4px; font-size:12px; }
.domestic-card-actual input { width:58px; min-width:0; min-height:30px; padding:4px; }
.domestic-parcel-section { scroll-margin-top:90px; }
.domestic-parcel-target { background:#fffbed; box-shadow:inset 3px 0 #dfc649; padding:0 8px; border-radius:4px; }
.domestic-parcel-section:focus-visible { outline:2px solid #c92540; outline-offset:2px; }
.domestic-tracking-results { padding:8px 16px 12px; border-bottom:1px solid #e5e7e8; }
.domestic-tracking-results ul { list-style:none; padding:0; margin:0; max-height:230px; overflow-y:auto; }
.domestic-tracking-match { display:flex; align-items:center; flex-wrap:wrap; gap:6px 16px; width:100%; padding:10px; text-align:left; background:#fafafa; border:1px solid #e5e7e8; border-radius:4px; margin:4px 0; font-size:12px; }
.domestic-tracking-match:hover { background:#fffbed; }
.domestic-tracking-match strong { color:#2c343c; font-size:14px; overflow-wrap:anywhere; }
.domestic-tracking-match span { color:#747b82; }
.domestic-tracking-match span:last-child { margin-left:auto; color:#a92037; }
.domestic-toolbar > div { display:flex; flex-wrap:wrap; gap:14px; }
@media(max-width:1000px) { .domestic-product-cards { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .domestic-product-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.domestic-tracking-match span:last-child { margin-left:0; } }
.domestic-issue-badge { display:inline-block; padding:3px 7px; border-radius:4px; background:#fff0f1; color:#b01c30; font-size:12px; font-weight:600; margin-left:6px; white-space:normal; }
.domestic-issue-details { margin-top:6px; font-size:12px; }
.domestic-issue-details > div { padding:8px 0; border-bottom:1px solid #ececec; }
.domestic-issue-details p { margin:4px 0; white-space:pre-line; }
.domestic-purchase-issue { padding:12px 16px; border-bottom:1px solid #e5e7e8; }
.domestic-total-weight input { width:130px; }
.domestic-finish { align-items:flex-end; }
.domestic-packing fieldset:disabled { opacity:.65; }

/* International dispatch stays beneath its order row. */
.international-expanded > td { padding:0 !important; white-space:normal; background:white; }
.international-panel { padding:18px; border-left:3px solid #c92540; }
.international-inline { max-width:1050px; white-space:normal; }
.international-address { display:flex; align-items:center; gap:12px; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid #e5e7e8; }
.international-address>strong,.international-address>.text-button { flex-shrink:0; }
.international-address .sc-address { flex:1; min-width:0; white-space:normal; overflow-wrap:anywhere; line-height:1.5; margin:0; }
.international-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.international-primary-fields { grid-template-columns:minmax(110px,.7fr) minmax(160px,1fr) minmax(180px,1.2fr) minmax(150px,1fr); }
.international-fields label,.international-last-mile label { display:flex; flex-direction:column; gap:6px; min-width:0; }
.international-tracking { margin-bottom:14px; }
.international-tracking>strong { display:block; margin-bottom:8px; }
.international-last-mile { margin-top:10px; font-size:12px; }
.international-last-mile label { max-width:400px; margin-top:8px; }

.international-inline .sc-check { margin:16px 0; }
@media(max-width:640px) { .international-panel { padding:14px; width:calc(100vw - 42px); } .international-fields { grid-template-columns:1fr; } .international-address { flex-wrap:wrap; } .international-address .sc-address { flex-basis:calc(100% - 105px); } }

.international-products { margin-top:20px; padding-top:14px; border-top:1px solid #e5e7e8; }
.international-products h3 { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:10px; }
.international-products h3 small { font-size:12px; font-weight:400; color:#70777d; }
.international-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.international-product { display:flex; gap:8px; padding:8px; border:1px solid #e5e7e8; border-radius:5px; min-width:0; font-size:12px; }
.international-product-image { width:48px; height:48px; flex-shrink:0; display:grid; place-items:center; background:#f6f6f6; color:#858b90; font-size:10px; }
.international-product-image img { width:100%; height:100%; object-fit:contain; }
.international-product>div:last-child { min-width:0; }
.international-product strong,.international-product small,.international-product span { display:block; white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
.international-product strong { font-weight:500; }
.international-product small { color:#70777d; font-size:11px; margin:3px 0; }
@media(max-width:900px) { .international-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .international-product-grid { grid-template-columns:1fr; } }