/* apps/inquiry/fcl-design.css */
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) {
  --fc-ink: #202f46;
  --fc-muted: #617087;
  --fc-line: #dce3ee;
  --fc-canvas: #f4f6fa;
  --fc-blue: #3659db;
  --fc-blue-soft: #edf1ff;
  color: var(--fc-ink);
  font-family:
    "Manrope",
    "Noto Sans SC",
    sans-serif;
  font-size: 14px;
  line-height: 1.65;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(h1, h2, h3) {
  color: var(--fc-ink);
  letter-spacing: -.025em;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) h1 {
  font-size: 30px;
  line-height: 1.35;
  font-weight: 750;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) h2 {
  font-size: 19px;
  font-weight: 700;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) h3 {
  font-size: 16px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(.page-head p, .page-heading p, .panel-head p, .muted, .section-intro) {
  color: var(--fc-muted);
  font-size: 14px;
  line-height: 1.75;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #cbd5e3;
  border-radius: 8px;
  background: #fff;
  color: var(--fc-ink);
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  line-height: 1.45;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .button:hover {
  background: #f5f7fc;
  border-color: #a8b7cf;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .button.primary {
  background: var(--fc-blue);
  color: #fff;
  border-color: var(--fc-blue);
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .button.primary:hover {
  background: #2849c5;
  border-color: #2849c5;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .button.danger {
  color: #b13443;
  background: #fff;
  border-color: #e4bfc4;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) button:disabled {
  opacity: .48;
  cursor: not-allowed;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .button svg {
  width: 18px;
  height: 18px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #cbd5e3;
  border-radius: 7px;
  background: #fff;
  color: var(--fc-ink);
  font: inherit;
  line-height: 1.5;
  box-shadow: none;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(input[type=checkbox], input[type=radio]) {
  width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--fc-blue);
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) textarea {
  resize: vertical;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(label, .field-label) {
  font-size: 13px;
  font-weight: 650;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .field {
  min-width: 0;
  margin: 0 0 20px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .field > label {
  display: block;
  margin-bottom: 7px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(.panel, .form-content, .summary-panel, .fcl-ticket-card) {
  background: #fff;
  border: 1px solid var(--fc-line);
  border-radius: 12px;
  box-shadow: 0 2px 5px #20365703;
  overflow: hidden;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .panel {
  margin-bottom: 20px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(.panel-head, .panel-body) {
  padding: 24px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .panel-head {
  border-bottom: 1px solid #edf0f5;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .panel-head p {
  margin-top: 6px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) details.panel > summary {
  cursor: pointer;
  padding: 17px 22px;
  font-size: 14px;
  font-weight: 650;
  min-height: 54px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) details.panel[open] > summary {
  border-bottom: 1px solid var(--fc-line);
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .case-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  gap: 22px 28px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .case-details dt {
  color: var(--fc-muted);
  font-size: 12px;
  margin-bottom: 5px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .case-details dd {
  margin: 0;
  font-size: 14px;
  overflow-wrap: anywhere;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-container-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  border: 0;
  margin: 8px 0 24px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) fieldset legend {
  padding: 0;
  font-size: 13px;
  font-weight: 650;
  margin-bottom: 12px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-container-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px;
  gap: 10px;
  align-items: center;
  padding: 16px;
  background: #f8faff;
  border: 1px solid var(--fc-line);
  border-radius: 9px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-container-row > label:first-child {
  font-size: 15px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-container-row > input {
  grid-column: 2;
  grid-row: 1 / 3;
  text-align: center;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-container-row :is(.check-small, .check-row) {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--fc-muted);
  font-weight: 400;
  font-size: 12px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border: 0;
  padding: 0;
  margin: 6px 0 24px;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-service-grid .check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  border: 1px solid var(--fc-line);
  border-radius: 8px;
  padding: 12px;
  font-weight: 500;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-service-grid .check-row:has(:checked) {
  background: var(--fc-blue-soft);
  border-color: #9daff1;
  color: #284bc7;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .inline-note {
  border: 1px solid #dce5f4;
  background: #f0f5fc;
  border-radius: 8px;
  color: #47617d;
  padding: 12px 16px;
  font-size: 13px;
  margin-bottom: 18px;
  overflow-wrap: anywhere;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .inline-note.warning {
  background: #fff8e9;
  border-color: #eddbb1;
  color: #805b21;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .badge {
  display: inline-flex;
  border: 1px solid #dbe4f9;
  background: #edf2ff;
  color: #3453aa;
  border-radius: 6px;
  padding: 3px 9px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
:is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .badge.warning {
  background: #fff7e7;
  border-color: #f0dfba;
  color: #876020;
}
@media (max-width: 640px) {
  :is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) h1 {
    font-size: 25px;
  }
  :is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .field-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) :is(.panel-head, .panel-body) {
    padding: 18px;
  }
  :is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) .fcl-container-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) input:not([type=checkbox]):not([type=radio]),
  :is(#inquiry .fcl-public-page, .customer-shell[data-page=fcl] .fcl-workbench) select {
    font-size: 16px;
  }
}

/* apps/console/fcl.css */
.customer-shell[data-page=fcl] {
  background: #f4f6fa;
}
.customer-shell[data-page=fcl] .topbar {
  height: 72px;
  padding-inline: max(24px, calc((100vw - 1240px)/2));
  gap: 48px;
  border-bottom: 1px solid #e1e7f0;
}
.customer-shell[data-page=fcl] .wordmark {
  font-size: 22px;
  color: #20324d;
}
.customer-shell[data-page=fcl] .brand-mark {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.customer-shell[data-page=fcl] #content {
  max-width: 1240px;
  width: calc(100% - 48px);
  padding: 32px 0 64px;
}
.customer-shell[data-page=fcl] .console-context {
  max-width: 1288px;
  padding: 0 24px;
  min-height: 54px;
  background: #fff;
}
.customer-shell[data-page=fcl] .console-tab {
  min-height: 54px;
  font-size: 13px;
}
.customer-shell[data-page=fcl] .console-organization {
  font-size: 13px;
}
.customer-shell[data-page=fcl] .fcl-workbench .page-head {
  align-items: center;
  margin-bottom: 24px;
  gap: 18px;
}
.customer-shell[data-page=fcl] .fcl-workbench .page-head p {
  margin-top: 6px;
}
.fcl-workbench .fcl-route-brief {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto auto;
  gap: 30px;
  align-items: center;
  padding: 22px 26px;
  background: #fff;
  border: 1px solid #dce3ee;
  border-radius: 12px;
  margin-bottom: 24px;
}
.fcl-workbench .fcl-route-brief > div > span {
  display: block;
  color: #617087;
  font-size: 12px;
  margin-bottom: 4px;
}
.fcl-workbench .fcl-route-brief h2 {
  font-size: 23px;
}
.fcl-workbench .fcl-route-brief h2 span {
  color: #7b92be;
  margin: 0 12px;
}
.fcl-workbench .fcl-eyebrow {
  color: #617087;
  font-size: 12px;
  letter-spacing: .035em;
}
.fcl-workbench .fcl-detail-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
}
.fcl-workbench .fcl-detail-tabs button {
  flex: 1;
  min-height: 44px;
  padding: 8px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 14px;
}
.fcl-workbench .fcl-detail-tabs button[aria-selected=true] {
  border-bottom-color: var(--brand);
  color: var(--brand);
  font-weight: 700;
}
.fcl-workbench .fcl-detail-tabs button:hover {
  background: var(--soft);
}
.fcl-workbench .fcl-event-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.fcl-workbench .fcl-event-filters button[aria-pressed=true] {
  border-color: var(--brand);
  color: var(--brand);
  font-weight: 700;
}
.fcl-workbench [role=tabpanel] {
  min-width: 0;
}
.fcl-workbench #fcl-step-documents .fcl-review-layout {
  grid-template-columns: minmax(0, 1fr);
}
.fcl-workbench .fcl-workflow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid #d5deec;
  margin: 0 0 24px;
}
.fcl-workbench .fcl-workflow button {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #69798e;
  padding: 8px 16px 18px;
}
.fcl-workbench .fcl-workflow button[aria-current] {
  color: #3659db;
  border-bottom-color: #3659db;
}
.fcl-workbench .fcl-workflow strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.fcl-workbench .fcl-workflow small {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.fcl-workbench .fcl-step-index {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e6ebf3;
  color: #687891;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
}
.fcl-workbench [aria-current] .fcl-step-index {
  color: #fff;
  background: #3659db;
}
.fcl-workbench .fcl-review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: start;
  gap: 24px;
}
.fcl-workbench .fcl-quote-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}
.fcl-workbench .fcl-quote-layout > aside {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}
.fcl-workbench :is(.fcl-review-layout, .fcl-quote-layout) > * {
  min-width: 0;
}
.fcl-workbench .fcl-next-action p {
  color: #617087;
  margin: 12px 0 20px;
}
.fcl-workbench .fcl-next-action .button {
  width: 100%;
}
.fcl-workbench .fcl-next-action h2 {
  margin-top: 8px;
}
.fcl-workbench .head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0;
}
.fcl-workbench .fcl-source-selected {
  padding: 12px 16px;
  margin: 20px 0;
  background: #eff7f3;
  color: #24724f;
  border-radius: 8px;
}
.fcl-workbench .fcl-section-heading {
  margin: 26px 0 8px;
  padding-top: 22px;
  border-top: 1px solid #e6ebf3;
}
.fcl-workbench [data-fcl-source-price] {
  padding: 18px 0;
  border-bottom: 1px solid #e6ebf3;
  align-items: start;
}
.fcl-workbench [data-fcl-source-price] > div:first-child {
  grid-column: 1 / -1;
  margin-bottom: 12px;
}
.fcl-workbench [data-fcl-source-price] small {
  display: block;
  font-size: 12px;
  margin-top: 3px;
}
.fcl-workbench [data-fcl-manual-row] {
  margin-top: 20px;
  border-color: #dce3ee;
}
.fcl-workbench [data-fcl-scope] {
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  padding: 16px;
  margin-top: 12px;
}
.fcl-workbench [data-fcl-scope] > strong {
  grid-column: 1 / -1;
  padding-bottom: 10px;
}
.fcl-workbench [data-fcl-scope] > .field:last-child {
  grid-column: 1 / -1;
}
.fcl-workbench .fcl-document-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
}
.fcl-workbench .fcl-document-status strong {
  color: #3659db;
}
.fcl-workbench .fcl-document-status span {
  color: #617087;
  font-size: 13px;
}
.fcl-workbench .fcl-empty {
  padding: 34px 10px;
  text-align: center;
}
.fcl-workbench .fcl-empty p {
  margin: 12px 0 22px;
  color: #617087;
}
.fcl-workbench [data-fcl-form=staff-supplement] {
  padding-top: 28px;
  margin-top: 28px;
  border-top: 1px solid #e1e7f0;
}
.fcl-workbench [data-fcl-form] > h3 {
  margin-bottom: 14px;
}
.fcl-workbench [data-fcl-form] > p {
  margin-bottom: 18px;
}
.fcl-workbench .case-timeline {
  list-style: none;
  padding: 20px 24px;
}
.fcl-workbench .case-timeline li {
  position: relative;
  padding: 0 0 22px 18px;
  margin-left: 3px;
  border-left: 1px solid #dce3ee;
}
.fcl-workbench .case-timeline li::before {
  position: absolute;
  content: "";
  left: -4px;
  top: 7px;
  background: #94a8cd;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.fcl-workbench .case-event-head {
  display: block;
}
.fcl-workbench .case-event-head time {
  display: block;
  margin-top: 3px;
  font-size: 11px;
}
.fcl-workbench .case-timeline p {
  font-size: 13px;
}
.fcl-workbench .native-tabs {
  margin-bottom: 24px;
}
.fcl-workbench .case-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.fcl-workbench .case-card {
  background: #fff;
  border: 1px solid #dce3ee;
  border-radius: 10px;
  padding: 22px;
  text-decoration: none;
  color: #20304a;
}
.fcl-workbench .case-card:hover {
  border-color: #aabbea;
  box-shadow: 0 3px 12px #34538a08;
}
.fcl-workbench .case-card h2 {
  font-size: 16px;
}
.fcl-workbench .case-card-icon {
  background: #edf2ff;
  color: #3659db;
}
.fcl-workbench table {
  min-width: 0;
  width: 100%;
  font-size: 13px;
}
.fcl-workbench :is(th, td) {
  white-space: normal;
  padding: 12px 10px;
  overflow-wrap: anywhere;
}
.fcl-workbench td small {
  display: block;
}
.fcl-workbench aside .case-details {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.fcl-workbench [data-fcl-form=quote-save] > button[type=submit] {
  margin-top: 16px;
}
@media (max-width: 1000px) {
  .fcl-workbench .fcl-review-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
  }
  .fcl-workbench .fcl-quote-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .fcl-workbench .fcl-quote-layout > aside {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
  }
  .fcl-workbench .fcl-route-brief {
    gap: 16px;
  }
}
@media (max-width: 760px) {
  .customer-shell[data-page=fcl] #content {
    width: calc(100% - 32px);
    padding-top: 24px;
  }
  .customer-shell[data-page=fcl] .topbar {
    padding-inline: 16px;
  }
  .customer-shell[data-page=fcl] .console-context {
    padding-inline: 16px;
  }
  .fcl-workbench .fcl-review-layout,
  .fcl-workbench .fcl-quote-layout > aside,
  .fcl-workbench .case-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .fcl-workbench .fcl-route-brief {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 18px;
  }
  .fcl-workbench .fcl-route-brief > div:first-child {
    grid-column: 1 / -1;
  }
  .fcl-workbench .fcl-route-brief > .badge {
    justify-self: start;
  }
  .fcl-workbench .fcl-workflow button {
    padding: 8px 4px 14px;
    gap: 8px;
  }
  .fcl-workbench .fcl-workflow strong {
    font-size: 13px;
  }
  .fcl-workbench .fcl-workflow small {
    font-size: 11px;
  }
  .fcl-workbench .fcl-step-index {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .fcl-workbench .page-head > .head-actions {
    margin: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fcl-workbench * {
    scroll-behavior: auto;
    transition: none;
  }
}
.fcl-workbench .fcl-saved-fees article {
  border-bottom: 1px solid #e6ebf3;
  padding: 18px 0;
}
.fcl-workbench .fcl-saved-fees small {
  display: block;
  font-size: 12px;
  margin: 4px 0 14px;
}
.fcl-workbench .fcl-saved-fees dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}
.fcl-workbench .fcl-saved-fees dt {
  font-size: 12px;
  color: #617087;
}
.fcl-workbench .fcl-saved-fees dd {
  margin: 4px 0 0;
  font-size: 15px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.fcl-workbench .fcl-saved-fees article p {
  font-size: 12px;
  color: #617087;
  margin-top: 14px;
}
.fcl-workbench [data-fcl-scope]:not(:has(select[name=disposition] option[value=included]:checked)) .fcl-inclusion-refs {
  display: none;
}
.customer-shell[data-page=fcl] .console-context nav {
  overflow-x: auto;
  flex-wrap: nowrap;
}
@media (max-width: 640px) {
  .customer-shell[data-page=fcl] .topbar {
    gap: 12px;
    padding-inline: 16px;
  }
  .customer-shell[data-page=fcl] .console-organization {
    display: none;
  }
  .customer-shell[data-page=fcl] .console-context {
    display: block;
  }
  .customer-shell[data-page=fcl] .console-tab {
    font-size: 12px;
    padding-inline: 12px;
    white-space: nowrap;
  }
}
.fcl-workbench .fcl-customer-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 36px;
  border-block: 1px solid #e6ebf3;
  padding: 16px 0;
  margin: 16px 0 24px;
}
.fcl-workbench .fcl-customer-totals span {
  display: block;
  font-size: 12px;
  color: #617087;
}
.fcl-workbench .fcl-customer-totals strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
  color: #294dbc;
  font-variant-numeric: tabular-nums;
}
.fcl-workbench .fcl-handoff-status {
  display: inline-flex;
  padding: 3px 9px;
  border-radius: 6px;
  background: #edf2ff;
  color: #3453aa;
  margin: 12px 0;
}
.fcl-workbench .fcl-technical {
  margin-top: 16px;
  color: #617087;
  font-size: 12px;
}
.fcl-workbench .fcl-technical summary {
  cursor: pointer;
  margin-bottom: 6px;
}
.customer-shell[data-page=fcl] .brand-mark {
  background: #3659db;
}
#app .fcl-workbench [data-fcl-rate-item] {
  grid-template-columns: 90px minmax(0, 1fr) 160px;
  align-items: center;
  padding: 16px 0 0;
  border-top: 1px solid #e6ebf3;
}
#app .fcl-workbench [data-fcl-rate-item] > strong {
  align-self: center;
  margin-bottom: 20px;
}
#app .fcl-workbench [data-fcl-rate-fee] {
  grid-column: 1 / -1;
  padding: 20px;
  margin-block: 16px;
  border: 1px solid #dce3ee;
  border-radius: 8px;
}
#app .fcl-workbench .form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
#app .fcl-workbench :is([data-fcl-form=issuer-config-save], [data-fcl-form=notification-save]) h2 {
  margin-bottom: 22px;
}
#app .fcl-workbench [data-fcl-form=notification-save] .check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
@media (max-width: 760px) {
  #app .fcl-workbench .form-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  #app .fcl-workbench [data-fcl-rate-item] {
    grid-template-columns: minmax(0, 1fr) 90px;
  }
  #app .fcl-workbench [data-fcl-rate-item] > strong {
    grid-column: 1 / -1;
    margin-bottom: 4px;
  }
  #app .fcl-workbench [data-fcl-rate-fee] {
    padding: 12px;
  }
}
.fcl-field-en {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: var(--text-muted,#6b778b);
  line-height: 1.3;
  margin-top: 2px;
  letter-spacing: .01em;
}
.ops-workspace {
  max-width: 1680px;
  margin: auto;
}
.ops-heading,
.ops-heading > div,
.ops-toolbar,
.ops-savebar,
.ops-query-bottom,
.ops-quote-card header,
.ops-editor header {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.ops-heading {
  justify-content: space-between;
  margin-bottom: 20px;
}
.ops-heading > div:first-child {
  display: block;
}
.ops-heading h1 {
  font-size: 28px;
  margin: 0;
}
.ops-heading p {
  margin: 5px 0;
  color: #6b778b;
  font-size: 13px;
}
.ops-tabs {
  display: flex;
  border-bottom: 1px solid #dce4ef;
  margin-bottom: 16px;
  overflow: auto;
}
.ops-tabs button {
  white-space: nowrap;
}
.ops-workspace .panel {
  padding: 18px;
}
.ops-workspace .field {
  gap: 2px;
  margin: 0;
}
.ops-workspace input,
.ops-workspace select {
  min-height: 38px;
  padding: 8px 10px;
  font-size: 13px;
  width: 100%;
  min-width: 0;
}
.ops-workspace input[type=checkbox] {
  width: 16px;
  min-height: 16px;
  accent-color: #3659d9;
}
.ops-query-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.6fr .8fr .8fr;
  gap: 12px;
}
.ops-query-bottom {
  margin-top: 12px;
  justify-content: space-between;
}
.ops-quantities {
  display: flex;
  gap: 12px;
}
.ops-quantities label {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}
.ops-quantities input {
  width: 66px;
}
.ops-toolbar {
  margin: 16px 0;
}
.ops-toolbar .field {
  min-width: 145px;
}
.ops-toolbar h2 {
  font-size: 17px;
  margin-right: auto;
}
.ops-savebar {
  background: #eef3ff;
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 14px;
  font-size: 12px;
}
.ops-savebar > span {
  margin-right: auto;
}
.ops-comparison {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ops-quote-card {
  background: #fff;
  border: 1px solid #dce4ef;
  border-radius: 12px;
  overflow: hidden;
  min-width: 0;
  box-shadow: 0 2px 7px #1b315308;
}
.ops-quote-card.is-recommended {
  border-color: #4768d7;
  box-shadow: 0 0 0 1px #4768d7;
}
.ops-quote-card header {
  padding: 16px 18px 6px;
  justify-content: space-between;
}
.ops-quote-card h2 {
  font-size: 23px;
  margin: 2px 0;
}
.ops-quote-card header small {
  color: #6b778b;
  font-size: 10px;
}
.ops-quote-card .badge {
  font-size: 10px;
}
.ops-route {
  padding: 0 18px;
  margin: 6px 0 10px;
  font-size: 14px;
}
.ops-card-meta {
  padding: 4px 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  color: #69758a;
}
.ops-cost-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 16px 18px;
}
.ops-cost-summary dt {
  font-size: 12px;
  color: #58677d;
}
.ops-cost-summary dd {
  margin: 7px 0 0;
  font-size: 13px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.ops-totals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #f5f8fc;
  padding: 14px 18px;
  gap: 14px;
}
.ops-totals > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
}
.ops-totals strong {
  font-size: 21px;
  letter-spacing: -.5px;
  font-variant-numeric: tabular-nums;
}
.ops-totals strong small {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
}
.ops-totals .ops-profit {
  grid-column: 1/-1;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dce4ef;
  padding-top: 10px;
}
.ops-profit strong {
  font-size: 18px;
  color: #087665;
}
.ops-profit > small {
  font-size: 11px;
}
.ops-workspace summary {
  cursor: pointer;
  font-size: 12px;
  padding: 10px 0;
  color: #405b8a;
}
.ops-breakdown {
  padding: 0 18px;
}
.ops-breakdown th,
.ops-breakdown td {
  font-size: 11px !important;
  padding: 8px 5px !important;
}
.ops-workspace td small {
  display: block;
  font-size: 10px;
  color: #6b778b;
  margin-top: 3px;
}
.ops-workspace table {
  width: 100%;
  border-collapse: collapse;
}
.ops-workspace th {
  font-size: 12px;
  background: #f6f8fc;
}
.ops-workspace td,
.ops-workspace th {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #e7ecf3;
}
.ops-workspace .table-wrap {
  overflow-x: auto;
}
.ops-workspace td .button {
  margin: 2px;
  font-size: 12px;
  padding: 6px 9px;
}
.ops-quote-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 12px 18px 16px;
  border-top: 1px solid #eef1f6;
}
.ops-quote-card footer .button {
  font-size: 11px;
  padding: 7px 10px;
}
.ops-quote-card footer .button:first-child {
  background: #345bd6;
  color: white;
  border-color: #345bd6;
}
.ops-quote-card footer .button:disabled {
  opacity: .5;
}
.ops-editor {
  margin-bottom: 16px;
  border-color: #8ca6ef !important;
}
.ops-editor header {
  justify-content: space-between;
  margin-bottom: 15px;
}
.ops-editor h2 {
  font-size: 18px;
  margin: 0;
}
.ops-editor .field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}
.ops-inline-checks {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  border: 0;
  padding: 8px 0;
  margin: 5px 0;
}
.ops-inline-checks legend {
  font-size: 12px;
  font-weight: 600;
}
.ops-inline-checks label,
.ops-check-list label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}
.ops-check-list {
  border: 1px solid #e0e6ef;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.ops-check-list legend {
  font-size: 12px;
}
.ops-source-list {
  font-size: 11px;
  overflow-wrap: anywhere;
}
.ops-source-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ops-breakdown li {
  font-size: 11px;
  overflow-wrap: anywhere;
}
.ops-preview,
.ops-message {
  padding: 12px 16px;
  background: #edf3ff;
  border-left: 3px solid #4064d8;
  font-size: 13px;
}
.ops-blockers {
  margin: 10px 18px;
  padding: 10px;
  background: #fff5e4;
  color: #845700;
  font-size: 11px;
  overflow-wrap: anywhere;
}
.ops-history {
  margin-bottom: 16px;
}
.ops-history header {
  display: flex;
  justify-content: space-between;
}
.ops-history h2 {
  font-size: 17px;
}
@media (max-width: 1200px) {
  .ops-comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ops-query-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ops-editor .field-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .ops-comparison {
    grid-template-columns: 1fr;
  }
  .ops-query-grid,
  .ops-editor .field-grid,
  .ops-check-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ops-heading h1 {
    font-size: 24px;
  }
  .ops-quantities {
    flex-wrap: wrap;
  }
  .ops-toolbar .field {
    flex: 1;
    min-width: 120px;
  }
  .ops-workspace .panel {
    padding: 14px;
  }
  .ops-heading .head-actions {
    width: 100%;
  }
  .ops-query-bottom > button {
    width: 100%;
  }
}
.fcl-workbench .ops-tabs {
  gap: 6px;
}
.fcl-workbench .ops-tabs .console-tab {
  padding: 10px 16px;
}
.fcl-workbench .ops-heading .head-actions {
  margin: 0;
}
.fcl-workbench .ops-workspace .fcl-field-en {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
}
.fcl-workbench .ops-workspace .field {
  font-size: 13px;
}
.fcl-workbench .ops-history .ops-trend td {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#app #content .fcl-workbench {
  --fc-line: #e1e6ee;
  --fc-muted: #637087;
  color: var(--fc-ink);
  font-family:
    "Noto Sans SC",
    "Manrope",
    sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
#app #content .fcl-workbench :is(h1, h2, h3) {
  letter-spacing: 0;
}
#app #content .fcl-workbench h1 {
  font-size: 26px;
  line-height: 1.45;
  font-weight: 650;
}
#app #content .fcl-workbench h2 {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
}
#app #content .fcl-workbench h3 {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
}
#app #content .fcl-workbench :is(label, .fcl-field-zh) {
  font-size: 13px;
  font-weight: 500;
}
#app #content .fcl-workbench .fcl-field-en {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: var(--fc-muted);
  line-height: 1.4;
  margin-top: 2px;
  letter-spacing: 0;
}
#app #content .fcl-workbench :is(.muted, .page-head p, .panel-head p, .ops-heading p) {
  font-size: 13px;
  line-height: 1.7;
  color: var(--fc-muted);
  font-weight: 400;
}
#app #content .fcl-workbench :is(.panel, .fcl-route-brief, .case-card, .ops-quote-card) {
  border: 1px solid var(--fc-line);
  border-radius: 8px;
  box-shadow: none;
}
#app #content .fcl-workbench .ops-quote-card.is-recommended {
  border-color: var(--fc-blue);
}
#app #content .fcl-workbench .panel-head {
  border-bottom-color: var(--fc-line);
}
#app #content .fcl-workbench :is(.button, input, select, .console-tab) {
  min-height: 42px;
  font-size: 13px;
  line-height: 1.4;
}
#app #content .fcl-workbench :is(input, select, textarea) {
  padding: 8px 10px;
  border: 1px solid #bbc6d4;
  border-radius: 6px;
  background: #fff;
  color: var(--fc-ink);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
}
#app #content .fcl-workbench :is(input, select) {
  height: 42px;
}
#app #content .fcl-workbench input:is([type=checkbox], [type=radio]) {
  height: 16px;
  min-height: 16px;
  width: 16px;
  padding: 0;
}
#app #content .fcl-workbench input::placeholder {
  color: #738095;
  opacity: 1;
  font-weight: 400;
}
#app #content .fcl-workbench :is(input, select, textarea):hover:not(:disabled) {
  border-color: #8c9bb0;
}
#app #content .fcl-workbench :is(input, select, textarea):focus {
  border-color: var(--fc-blue);
  outline: 2px solid var(--fc-blue);
  outline-offset: -1px;
}
#app #content .fcl-workbench [aria-invalid=true] {
  border-color: #b13443;
}
#app #content .fcl-workbench :is(input, select, textarea):disabled {
  background: #f3f5f8;
  color: var(--fc-muted);
  cursor: not-allowed;
}
#app #content .fcl-workbench .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 13px;
  border: 1px solid #cbd4e0;
  border-radius: 6px;
  background: #fff;
  font-weight: 500;
  box-shadow: none;
}
#app #content .fcl-workbench .button:hover:not(:disabled) {
  background: #f4f7fb;
  border-color: #99a9be;
}
#app #content .fcl-workbench .button.primary,
#app #content .fcl-workbench .ops-quote-card footer .button:first-child {
  background: var(--fc-blue);
  border-color: var(--fc-blue);
  color: #fff;
}
#app #content .fcl-workbench .button.primary:hover:not(:disabled),
#app #content .fcl-workbench .ops-quote-card footer .button:first-child:hover:not(:disabled) {
  background: #2849c5;
  border-color: #2849c5;
}
#app #content .fcl-workbench .button.danger {
  color: #b13443;
  border-color: #e4bfc4;
}
#app #content .fcl-workbench :is(button, a, summary):focus-visible {
  outline: 2px solid var(--fc-blue);
  outline-offset: 2px;
}
#app #content .fcl-workbench :is(.button, .text-button) svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}
#app #content .fcl-workbench .console-tab svg {
  width: 18px;
  height: 18px;
}
#app #content .fcl-workbench .ops-heading {
  margin-bottom: 18px;
}
#app #content .fcl-workbench .ops-tabs {
  margin-bottom: 20px;
  gap: 24px;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-tabs .console-tab {
  padding: 10px 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--fc-muted);
  box-shadow: none;
  font-weight: 500;
}
#app #content .fcl-workbench .ops-tabs .console-tab[aria-current] {
  color: var(--fc-blue);
  border-bottom-color: var(--fc-blue);
  font-weight: 600;
}
#app #content .fcl-workbench .ops-tabs .console-tab:hover {
  color: var(--fc-blue);
}
#app #content .fcl-workbench .ops-workspace > :is(.ops-advanced, .ops-publication) {
  margin: 16px 0 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--fc-line);
  border-radius: 0;
}
#app #content .fcl-workbench .ops-workspace > :is(.ops-advanced, .ops-publication) > summary {
  min-height: 42px;
  padding: 12px 2px;
  font-size: 13px;
  font-weight: 500;
  color: #46556c;
}
#app #content .fcl-workbench .ops-workspace > :is(.ops-advanced, .ops-publication)[open] > summary {
  border: 0;
}
#app #content .fcl-workbench .ops-savebar {
  margin: 8px 0;
  border-radius: 6px;
}
#app #content .fcl-workbench .ops-workspace .field {
  margin: 0;
}
#app #content .fcl-workbench .ops-editor .field-grid {
  row-gap: 16px;
}
#app #content .fcl-workbench .ops-query > h2 {
  margin: 0 0 10px;
}
#app #content .fcl-workbench .ops-query > p {
  margin: 8px 0 16px;
}
#app #content .fcl-workbench .ops-query-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
#app #content .fcl-workbench .ops-query-grid .field:nth-last-child(-n+2) {
  grid-column: span 2;
}
#app #content .fcl-workbench .ops-query-step {
  border-top: 1px solid var(--fc-line);
  margin-top: 16px;
  padding-top: 16px;
}
#app #content .fcl-workbench .ops-query-step h3 {
  margin: 0;
}
#app #content .fcl-workbench .ops-query-step p {
  margin: 8px 0;
}
#app #content .fcl-workbench .ops-query-step .ops-toolbar {
  margin: 10px 0;
  align-items: flex-end;
}
#app #content .fcl-workbench .ops-query-step .field {
  min-width: 280px;
  flex: 1;
  max-width: 560px;
}
#app #content .fcl-workbench .ops-query-bottom > p {
  margin: 0;
}
#app #content .fcl-workbench .ops-query-advanced {
  margin-top: 14px;
}
#app #content .fcl-workbench .ops-result-title {
  margin-top: 24px;
}
#app #content .fcl-workbench .ops-quote-card h2 {
  font-size: 20px;
}
#app #content .fcl-workbench .ops-cost-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#app #content .fcl-workbench .ops-cost-summary dd {
  font-weight: 500;
  font-size: 14px;
}
#app #content .fcl-workbench .ops-card-meta {
  font-size: 12px;
  gap: 10px;
  color: var(--fc-muted);
}
#app #content .fcl-workbench .ops-totals strong {
  font-weight: 600;
  letter-spacing: 0;
}
#app #content .fcl-workbench .ops-breakdown :is(th, td) {
  font-size: 12px !important;
}
#app #content .fcl-workbench .ops-breakdown li {
  font-size: 12px;
}
#app #content .fcl-workbench .ops-rate-filter {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr)) auto auto;
  align-items: end;
  gap: 10px;
  margin-bottom: 14px;
}
#app #content .fcl-workbench .ops-rate-filter .field {
  margin: 0;
}
#app #content .fcl-workbench .ops-rate-filter .field > span {
  font-size: 12px;
}
#app #content .fcl-workbench .ops-rate-filter :is(input, button) {
  min-height: 38px;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-rate-panel {
  background: #fff;
  border-top: 1px solid var(--fc-line);
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-rate-panel > .ops-toolbar {
  padding: 10px 0;
}
#app #content .fcl-workbench .ops-rate-pending {
  margin-bottom: 18px;
  padding: 12px 0;
  border-top: 1px solid var(--fc-line);
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-rate-pending > .ops-toolbar {
  margin-bottom: 4px;
}
#app #content .fcl-workbench .ops-rate-pending > p {
  margin: 0 0 10px;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-rate-pending table {
  min-width: 860px;
  width: 100%;
}
#app #content .fcl-workbench .ops-rate-pending :is(th, td) {
  padding: 8px;
  border-bottom: 1px solid var(--fc-line);
  text-align: left;
}
#app #content .fcl-workbench .ops-ocean-table {
  min-width: 1120px;
  background: #fff;
  font-variant-numeric: tabular-nums;
}
#app #content .fcl-workbench .ops-ocean-table :is(th, td) {
  height: 46px;
  padding: 6px 8px;
  white-space: nowrap;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-ocean-table th {
  color: #56647a;
  background: #fff;
  font-size: 12px;
  font-weight: 500;
}
#app #content .fcl-workbench .ops-ocean-table tbody tr:last-child td {
  border-bottom: 0;
}
#app #content .fcl-workbench .ops-ocean-table tbody tr:hover {
  background: #fafbfc;
}
#app #content .fcl-workbench .ops-ocean-table :is(input, select) {
  min-width: 76px;
  min-height: 34px;
  padding: 5px 7px;
  border-color: transparent;
  border-radius: 4px;
  background: transparent;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-ocean-table tbody tr:hover :is(input, select) {
  border-color: #d6dce5;
  background: #fff;
}
#app #content .fcl-workbench .ops-ocean-table :is(input, select):focus {
  border-color: var(--fc-blue);
  outline: 2px solid var(--fc-blue);
  outline-offset: -1px;
  background: #fff;
}
#app #content .fcl-workbench .ops-ocean-table input[data-ocean-key^="price:"] {
  width: 88px;
  text-align: right;
  font-weight: 500;
}
#app #content .fcl-workbench .ops-ocean-table th:nth-child(n+4):nth-child(-n+7),
#app #content .fcl-workbench .ops-ocean-table td.num {
  text-align: right;
}
#app #content .fcl-workbench .ops-ocean-table td:first-child,
#app #content .fcl-workbench .ops-ocean-table td:nth-child(2) {
  min-width: 108px;
}
#app #content .fcl-workbench .ops-ocean-table td:nth-child(3) {
  min-width: 132px;
}
#app #content .fcl-workbench .ops-ocean-table td:nth-child(8) {
  min-width: 88px;
}
#app #content .fcl-workbench .ops-ocean-table td:nth-child(9) {
  min-width: 126px;
  color: #667085;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-ocean-table td:last-child {
  min-width: 190px;
}
#app #content .fcl-workbench .ops-ocean-table .button {
  min-height: 32px;
  padding: 5px 7px;
  border-color: transparent;
  background: transparent;
  color: #3a58a3;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-ocean-table .button:hover {
  border-color: transparent;
  background: #edf2fc;
  color: #2849c5;
}
#app #content .fcl-workbench .ops-ocean-table .button:disabled {
  color: #8b94a6;
  background: transparent;
}
#app #content .fcl-workbench .ops-rate-panel > p {
  margin: 10px 0 0;
  color: var(--fc-muted);
  font-size: 12px;
  line-height: 1.7;
}
#app #content .fcl-workbench .ops-schedule {
  margin: 18px 0;
}
#app #content .fcl-workbench .ops-schedule table {
  min-width: 740px;
}
#app #content .fcl-workbench .ops-schedule td strong {
  display: block;
}
#app #content .fcl-workbench .ops-schedule > p:last-child {
  margin-top: 12px;
}
@media (min-width: 761px) {
  #app #content:has(.ops-workspace) {
    width: calc(100% - 48px);
    max-width: 1680px;
  }
}
@media (max-width: 760px) {
  #app #content .fcl-workbench h1 {
    font-size: 23px;
  }
  #app #content .fcl-workbench .ops-rate-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #app #content .fcl-workbench .ops-rate-filter .field:last-of-type {
    grid-column: 1 / -1;
  }
  #app #content .fcl-workbench .ops-query-grid,
  #app #content .fcl-workbench .ops-editor .field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #app #content .fcl-workbench .ops-query-grid .field:nth-last-child(-n+2) {
    grid-column: auto;
  }
  #app #content .fcl-workbench .ops-query-step .field {
    min-width: 0;
    flex-basis: 100%;
  }
  #app #content .fcl-workbench .ops-tabs {
    gap: 20px;
  }
  #app #content .fcl-workbench .ops-query-bottom > p {
    width: 100%;
  }
}
#app #content .fcl-workbench .ops-flow-steps {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: var(--fc-muted);
  font-size: 12px;
}
#app #content .fcl-workbench .ops-flow-steps span {
  padding: 5px 9px;
  border: 1px solid var(--fc-line);
  border-radius: 999px;
  background: #fff;
}
#app #content .fcl-workbench .ops-flow-steps span[aria-current] {
  color: var(--fc-blue);
  border-color: #b9c7f2;
  background: #f3f6ff;
  font-weight: 600;
}
#app #content .fcl-workbench .ops-daily-sheet .ops-query-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 14px;
}
#app #content .fcl-workbench .ops-daily-sheet .ops-query-step {
  margin-top: 12px;
  padding-top: 12px;
}
#app #content .fcl-workbench .ops-daily-sheet .ops-query-step .ops-query-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#app #content .fcl-workbench .ops-daily-sheet .ops-query-step .head-actions {
  margin: 8px 0;
}
#app #content .fcl-workbench .ops-ticket-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-ticket-head h3 {
  margin: 4px 0 2px;
  font-size: 18px;
}
#app #content .fcl-workbench .ops-ticket-head p {
  margin: 0;
  color: var(--fc-muted);
  font-size: 12px;
}
#app #content .fcl-workbench :is(.ops-ticket-panel, .ops-ticket-panel .panel-body, .ops-ticket-panel form, .fcl-ticket-summary, .fcl-ticket-summary .panel-body) {
  min-width: 0;
  max-width: 100%;
}
#app #content .fcl-workbench .ops-ticket-table-wrap {
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
#app #content .fcl-workbench .ops-ticket-table {
  min-width: 1080px;
  table-layout: fixed;
  font-variant-numeric: tabular-nums;
}
#app #content .fcl-workbench .ops-ticket-table th,
#app #content .fcl-workbench .ops-ticket-table td {
  height: 40px;
  padding: 7px 8px;
  vertical-align: middle;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-ticket-table th {
  background: #f6f8fb;
  color: #55647a;
  font-size: 12px;
  font-weight: 500;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(1) {
  width: 180px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(2),
#app #content .fcl-workbench .ops-ticket-table th:nth-child(7) {
  width: 120px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(3) {
  width: 72px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(4) {
  width: 104px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(5) {
  width: 98px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(6) {
  width: 72px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(8) {
  width: 104px;
}
#app #content .fcl-workbench .ops-ticket-table th:nth-child(9) {
  width: 72px;
}
#app #content .fcl-workbench .ops-ticket-table .field {
  margin: 0;
  gap: 0;
}
#app #content .fcl-workbench .ops-ticket-table .field > label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#app #content .fcl-workbench .ops-ticket-table :is(input, select) {
  min-height: 34px;
  height: 34px;
  padding: 5px 8px;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-ticket-table [name=cost_price],
#app #content .fcl-workbench .ops-ticket-table [name=sell_price] {
  text-align: right;
}
#app #content .fcl-workbench .ops-ticket-table .num {
  text-align: right;
}
#app #content .fcl-workbench .ops-ticket-table td strong,
#app #content .fcl-workbench .ops-ticket-table td small {
  display: block;
}
#app #content .fcl-workbench .ops-ticket-table td small {
  margin-top: 2px;
  color: var(--fc-muted);
  font-size: 11px;
}
#app #content .fcl-workbench .ops-fee-group th {
  padding: 7px 10px;
  background: #f1f4f8;
  color: #43536b;
  font-size: 12px;
  text-align: left;
}
#app #content .fcl-workbench .ops-fee-more td {
  padding: 0;
  background: #fbfcfe;
}
#app #content .fcl-workbench .ops-fee-more details {
  padding: 0 10px;
}
#app #content .fcl-workbench .ops-fee-more summary {
  padding: 8px 0;
}
#app #content .fcl-workbench .ops-fee-more .field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
  padding: 0 0 12px;
}
#app #content .fcl-workbench .ops-fee-currency {
  display: inline-block;
  color: #43536b;
  font-size: 13px;
  font-weight: 600;
}
#app #content .fcl-workbench .ops-ticket-table .text-button {
  min-height: 32px;
  padding: 5px 7px;
  color: #a63d4d;
}
#app #content .fcl-workbench .ops-adjustment-reason {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--fc-line);
  color: #43536b;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-adjustment-reason input {
  min-height: 36px;
}
#app #content .fcl-workbench .ops-ticket-details {
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-ticket-details > summary {
  padding: 10px 0;
  color: #56657b;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-ticket-details[open] {
  padding-bottom: 12px;
}
#app #content .fcl-workbench .ops-ticket-settings {
  display: grid;
  gap: 14px;
}
#app #content .fcl-workbench .ops-ticket-settings > section {
  padding: 12px 0 0;
  border-top: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-ticket-settings h4 {
  margin: 0 0 8px;
  color: #43536b;
  font-size: 13px;
  font-weight: 600;
}
#app #content .fcl-workbench .ops-ticket-settings .head-actions {
  margin: 0 0 8px;
}
#app #content .fcl-workbench .ops-ticket-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 16px;
}
#app #content .fcl-workbench .ops-ticket-actions .button {
  min-width: 128px;
}
#app #content .fcl-workbench .ops-ticket-actions .button:active:not(:disabled) {
  transform: scale(.98);
}
.fcl-workbench .fcl-ticket-summary {
  margin-top: 18px;
}
.fcl-workbench .fcl-ticket-summary .inline-note {
  margin-bottom: 12px;
  padding: 9px 12px;
}
.fcl-workbench .fcl-ticket-summary-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.fcl-workbench .fcl-ticket-summary-head h3 {
  margin: 0;
  font-size: 15px;
}
.fcl-workbench .fcl-ticket-summary-head span {
  color: var(--fc-muted);
  font-size: 12px;
}
.fcl-workbench .fcl-ticket-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 14px;
}
.fcl-workbench .fcl-ticket-next strong,
.fcl-workbench .fcl-ticket-next small {
  display: block;
}
.fcl-workbench .fcl-ticket-next small {
  margin-top: 2px;
  color: var(--fc-muted);
  font-size: 12px;
}
#app #content .fcl-workbench .ops-summary-table table {
  min-width: 0;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-summary-table :is(th, td) {
  height: 34px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-summary-table th:first-child,
#app #content .fcl-workbench .ops-summary-table td:first-child {
  width: 58px;
  font-weight: 600;
}
#app #content .fcl-workbench .ops-summary-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-summary-total span {
  color: var(--fc-muted);
  font-size: 12px;
}
#app #content .fcl-workbench .ops-summary-total strong {
  color: var(--fc-blue);
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}
#app #content .fcl-workbench .ops-summary-total small {
  font-size: 11px;
}
#app #content .fcl-workbench .ops-stale-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  margin-top: 14px;
  border: 1px solid #edd7a6;
  border-radius: 6px;
  background: #fff9e8;
  color: #815f18;
}
#app #content .fcl-workbench .ops-stale-total strong {
  font-size: 18px;
}
#app #content .fcl-workbench .ops-stale-total span {
  font-size: 12px;
}
@media (max-width: 760px) {
  #app #content .fcl-workbench .ops-daily-sheet .ops-query-grid,
  #app #content .fcl-workbench .ops-daily-sheet .ops-query-step .ops-query-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #app #content .fcl-workbench .ops-daily-sheet .ops-query-bottom {
    align-items: stretch;
  }
  #app #content .fcl-workbench .ops-ticket-head {
    display: block;
  }
  #app #content .fcl-workbench .ops-ticket-head .button {
    width: 100%;
    margin-top: 12px;
  }
  #app #content .fcl-workbench .ops-ticket-table {
    display: block;
    min-width: 0;
    width: 100%;
  }
  #app #content .fcl-workbench .ops-ticket-table thead {
    display: none;
  }
  #app #content .fcl-workbench .ops-ticket-table tbody {
    display: block;
  }
  #app #content .fcl-workbench .ops-ticket-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px 0;
  }
  #app #content .fcl-workbench .ops-ticket-table tr[data-fcl-fee-row] > td {
    display: block;
    height: auto;
    min-width: 0;
    padding: 0;
    border: 0;
  }
  #app #content .fcl-workbench .ops-ticket-table tr[data-fcl-fee-row] > td::before {
    display: block;
    margin-bottom: 3px;
    color: var(--fc-muted);
    font-size: 10px;
    font-weight: 500;
    content: attr(data-label);
  }
  #app #content .fcl-workbench .ops-ticket-table tr[data-fcl-fee-row] > td:first-child,
  #app #content .fcl-workbench .ops-ticket-table tr[data-fcl-fee-row] > td:last-child {
    grid-column: 1 / -1;
  }
  #app #content .fcl-workbench .ops-ticket-table tr[data-fcl-fee-row] > td:last-child {
    text-align: right;
  }
  #app #content .fcl-workbench .ops-ticket-table tr.ops-fee-group {
    display: block;
    padding: 0;
  }
  #app #content .fcl-workbench .ops-ticket-table tr.ops-fee-group > th {
    display: block;
    width: auto;
  }
  #app #content .fcl-workbench .ops-ticket-table tr.ops-fee-more {
    display: block;
    padding: 0;
  }
  #app #content .fcl-workbench .ops-ticket-table tr.ops-fee-more > td {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
  }
  #app #content .fcl-workbench .ops-fee-more .field-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #app #content .fcl-workbench .ops-adjustment-reason {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  #app #content .fcl-workbench .ops-ticket-actions {
    display: block;
  }
  #app #content .fcl-workbench .ops-ticket-actions .button {
    width: 100%;
    min-height: 44px;
    margin-top: 10px;
  }
  #app #content .fcl-workbench .ops-ticket-actions .muted {
    display: block;
  }
  #app #content .fcl-workbench .ops-ticket-table :is(input, select) {
    min-height: 44px;
    height: 44px;
  }
  #app #content .fcl-workbench .ops-ticket-table .text-button {
    min-height: 44px;
    padding: 8px;
  }
  #app #content .fcl-workbench .fcl-ticket-next {
    align-items: stretch;
    flex-direction: column;
  }
  #app #content .fcl-workbench .fcl-ticket-next .button {
    width: 100%;
    min-height: 44px;
  }
}
#app #content .fcl-workbench .ops-charge-editor {
  padding: 12px 16px;
  margin-bottom: 12px;
}
#app #content .fcl-workbench .ops-charge-editor header {
  margin-bottom: 8px;
}
#app #content .fcl-workbench .ops-charge-editor > .field-grid {
  grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(100px, 1fr));
  gap: 10px 12px;
  margin: 8px 0;
}
#app #content .fcl-workbench .ops-charge-editor .ops-advanced .field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
}
#app #content .fcl-workbench .ops-charge-editor .field {
  gap: 4px;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-charge-editor .fcl-field-en {
  display: none;
}
#app #content .fcl-workbench .ops-charge-editor :is(input:not([type=checkbox]), select),
#app #content .fcl-workbench .ops-charges input[type=search] {
  min-height: 36px;
  padding: 6px 10px;
  font-size: 13px;
}
#app #content .fcl-workbench :is(.ops-charge-editor, .ops-charges) .button {
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-charge-editor .ops-advanced {
  margin: 4px 0 8px;
}
#app #content .fcl-workbench .ops-charge-editor .ops-advanced > summary {
  padding: 8px 0;
}
#app #content .fcl-workbench .ops-charge-toolbar {
  gap: 10px;
  margin: 12px 0 8px;
}
#app #content .fcl-workbench .ops-charge-toolbar h2 {
  margin: 0 auto 0 0;
}
#app #content .fcl-workbench .ops-charge-toolbar form {
  display: flex;
  gap: 6px;
  width: min(360px, 100%);
}
#app #content .fcl-workbench .ops-charge-toolbar input {
  width: 100%;
  min-width: 0;
}
#app #content .fcl-workbench .ops-charges .table-wrap {
  padding: 0;
}
#app #content .fcl-workbench .ops-charge-table {
  min-width: 800px;
  font-variant-numeric: tabular-nums;
}
#app #content .fcl-workbench .ops-charge-table :is(th, td) {
  padding: 7px 12px;
  vertical-align: middle;
  font-size: 12px;
}
#app #content .fcl-workbench .ops-charge-table strong {
  font-weight: 500;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-charge-table td small {
  font-size: 11px;
  margin-top: 2px;
}
#app #content .fcl-workbench .ops-charge-table .ops-money {
  text-align: right;
  white-space: nowrap;
}
#app #content .fcl-workbench .ops-charge-table .ops-money small {
  display: inline;
  margin-left: 4px;
}
#app #content .fcl-workbench .ops-charge-table th:nth-child(2),
#app #content .fcl-workbench .ops-charge-table th:nth-child(3) {
  text-align: right;
}
#app #content .fcl-workbench .ops-charge-table :is(.ops-validity, .ops-row-actions) {
  white-space: nowrap;
}
#app #content .fcl-workbench .ops-charge-table .button {
  margin: 0;
  background: transparent;
  border-color: transparent;
  color: #3456a0;
}
#app #content .fcl-workbench .ops-charge-table .button:hover {
  background: #edf2fc;
}
#app #content .fcl-workbench .ops-charge-table tr:last-child td {
  border-bottom: 0;
}
@media (max-width: 1000px) {
  #app #content .fcl-workbench .ops-charge-editor > .field-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #app #content .fcl-workbench .ops-charge-editor > .field-grid > .field:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 760px) {
  #app #content .fcl-workbench .ops-charge-editor > .field-grid,
  #app #content .fcl-workbench .ops-charge-editor .ops-advanced .field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #app #content .fcl-workbench .ops-charge-editor :is(input:not([type=checkbox]), select),
  #app #content .fcl-workbench .ops-charges input[type=search],
  #app #content .fcl-workbench :is(.ops-charge-editor, .ops-charges) .button {
    min-height: 44px;
  }
  #app #content .fcl-workbench .ops-charge-toolbar form {
    order: 1;
    width: 100%;
  }
}
#app #content .fcl-workbench .ops-template-workbench {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}
#app #content .fcl-workbench .ops-template-workbench > .ops-toolbar {
  margin: 0;
}
#app #content .fcl-workbench .ops-template-toolbar .ops-rate-pending {
  margin: 0;
  border: 0;
}
#app #content .fcl-workbench .ops-template-toolbar .ops-rate-pending > summary {
  padding: 8px;
}
#app #content .fcl-workbench .ops-template-toolbar .ops-rate-pending[open] {
  flex-basis: 100%;
  min-width: 0;
}
#app #content .fcl-workbench .ops-template-fx {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 0;
}
#app #content .fcl-workbench .ops-template-fx .field {
  width: 150px;
}
#app #content .fcl-workbench .ops-template-fx > span {
  font-size: 12px;
  line-height: 1.5;
  padding-bottom: 5px;
}
#app #content .fcl-workbench .ops-template-source-tabs {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-template-source-tabs .console-tab {
  padding: 10px 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--fc-muted);
}
#app #content .fcl-workbench .ops-template-source-tabs .console-tab[aria-current] {
  color: var(--fc-blue);
  border-bottom-color: var(--fc-blue);
  font-weight: 600;
}
#app #content .fcl-workbench .ops-template-head {
  display: grid;
  grid-template-columns: minmax(260px, 380px) minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
}
#app #content .fcl-workbench .ops-template-head > p {
  margin: 0 0 8px;
}
#app #content .fcl-workbench .ops-template-head .head-actions {
  margin: 0 0 5px;
}
#app #content .fcl-workbench .ops-template-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
#app #content .fcl-workbench .ops-template-table {
  min-width: 680px;
  table-layout: fixed;
  font-size: 14px;
}
#app #content .fcl-workbench .ops-template-table.is-reference {
  min-width: 620px;
}
#app #content .fcl-workbench .ops-template-table :is(th, td) {
  height: 44px;
  padding: 5px 8px;
  vertical-align: middle;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-template-table th {
  background: #f6f8fb;
  color: #56647a;
  font-size: 12px;
  font-weight: 500;
}
#app #content .fcl-workbench .ops-template-table th:first-child {
  width: 260px;
}
#app #content .fcl-workbench .ops-template-table :is(input, select) {
  height: 36px;
  min-height: 36px;
  padding: 5px 8px;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-template-table td strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
#app #content .fcl-workbench .ops-template-details {
  border-top: 1px solid var(--fc-line);
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-template-details > summary {
  padding: 10px 0;
  color: #46556c;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-template-settings {
  display: grid;
  gap: 16px;
  padding: 4px 0 14px;
}
#app #content .fcl-workbench .ops-template-settings > section {
  display: grid;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-template-settings > section > h3 {
  margin: 0;
}
#app #content .fcl-workbench .ops-template-settings > section > .field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
}
#app #content .fcl-workbench .ops-template-charge-settings {
  border: 1px solid var(--fc-line);
  border-radius: 6px;
  padding: 0 12px;
}
#app #content .fcl-workbench .ops-template-charge-settings > summary {
  padding: 10px 0;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-template-charge-settings .field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
  padding-bottom: 6px;
}
#app #content .fcl-workbench .ops-template-add {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid var(--fc-line);
}
#app #content .fcl-workbench .ops-template-add .field {
  flex: 1;
  max-width: 520px;
}
#app #content .fcl-workbench .ops-template-actions {
  position: static;
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
  background: #fff;
  box-shadow: 0 -1px 0 var(--fc-line);
}
#app #content .fcl-workbench .ops-template-actions .button {
  min-width: 136px;
}
#app #content .fcl-workbench .ops-template-publication {
  margin: 0;
}
#app #content .fcl-workbench .ops-template-publication .panel-body {
  display: grid;
  gap: 10px;
}
#app #content .fcl-workbench .ops-template-publication .button {
  justify-self: start;
}
#app #content .fcl-workbench .ops-template-blockers {
  margin: 0;
  padding-left: 20px;
  color: #8a5c12;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-template-publication .check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
@media (max-width: 760px) {
  #app #content .fcl-workbench .ops-template-workbench,
  #app #content .fcl-workbench .ops-template-workbench > form,
  #app #content .fcl-workbench .ops-template-table-wrap {
    min-width: 0;
    max-width: 100%;
  }
  #app #content .fcl-workbench .ops-template-source-tabs {
    gap: 16px;
    overflow-x: auto;
  }
  #app #content .fcl-workbench .ops-template-head {
    grid-template-columns: minmax(0, 1fr);
  }
  #app #content .fcl-workbench .ops-template-head > p {
    margin: 0;
  }
  #app #content .fcl-workbench .ops-template-table,
  #app #content .fcl-workbench .ops-template-table.is-reference {
    display: block;
    min-width: 0;
    width: 100%;
  }
  #app #content .fcl-workbench .ops-template-table thead {
    display: none;
  }
  #app #content .fcl-workbench .ops-template-table tbody {
    display: block;
  }
  #app #content .fcl-workbench .ops-template-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--fc-line);
  }
  #app #content .fcl-workbench .ops-template-table tr > td {
    display: block;
    height: auto;
    min-width: 0;
    padding: 0;
    border: 0;
  }
  #app #content .fcl-workbench .ops-template-table tr > td::before {
    display: block;
    margin-bottom: 3px;
    color: var(--fc-muted);
    font-size: 10px;
    content: attr(data-label);
  }
  #app #content .fcl-workbench .ops-template-table tr > td:first-child,
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:last-child {
    grid-column: 1 / -1;
  }
  #app #content .fcl-workbench .ops-template-table :is(input, select) {
    height: 44px;
    min-height: 44px;
  }
  #app #content .fcl-workbench .ops-template-settings > section > .field-grid,
  #app #content .fcl-workbench .ops-template-charge-settings .field-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #app #content .fcl-workbench .ops-template-add {
    align-items: stretch;
    flex-direction: column;
  }
  #app #content .fcl-workbench .ops-template-add .field {
    max-width: none;
  }
  #app #content .fcl-workbench .ops-template-actions {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  #app #content .fcl-workbench .ops-template-actions .button {
    width: 100%;
    min-height: 44px;
  }
}
#app #content .fcl-workbench .ops-template-basics {
  grid-template-columns: 2fr 1fr 1fr;
  gap: 12px;
  margin: 12px 0 16px;
}
#app #content .fcl-workbench .ops-template-table td:nth-child(2) input {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#app #content .fcl-workbench .ops-rate-pending > summary {
  padding: 10px 0;
  color: #805c19;
  font-size: 13px;
}
#app #content .fcl-workbench .ops-savebar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}
@media (max-width: 760px) {
  #app #content .fcl-workbench .ops-template-basics {
    grid-template-columns: 1fr;
  }
}
#app #content .fcl-workbench .ops-template-table {
  background: #fff;
}
#app #content .fcl-workbench .ops-template-table th:first-child {
  width: 36%;
}
#app #content .fcl-workbench .ops-template-table th:nth-child(2) {
  width: 20%;
  text-align: right;
}
#app #content .fcl-workbench .ops-template-table th:nth-child(3),
#app #content .fcl-workbench .ops-template-table th:nth-child(4) {
  width: 16%;
}
#app #content .fcl-workbench .ops-template-table :is(input, select) {
  border-color: transparent;
  background: transparent;
}
#app #content .fcl-workbench .ops-template-table :is(input, select):is(:hover, :focus-visible) {
  border-color: #9bafd0;
  background: #fff;
}
#app #content .fcl-workbench .ops-template-table .button {
  min-height: 32px;
  padding: 4px 8px;
  border-color: transparent;
  background: transparent;
  color: #3456a0;
}
@media (max-width: 760px) {
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1fr);
    padding: 8px;
  }
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:first-child {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
  }
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:last-child {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    text-align: right;
  }
  #app #content .fcl-workbench .ops-template-table:not(.is-reference) tr > td:last-child::before {
    display: none;
  }
}
.fcl-exec-node summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  cursor: pointer;
}
.fcl-exec-node summary strong {
  flex: 1;
  min-width: 180px;
}
.fcl-exec-node summary span {
  font-size: 13px;
  color: var(--text-secondary,#5c6470);
}
.fcl-exec-node .panel-body > details {
  margin-top: 16px;
}
.fcl-node-mail {
  grid-column: 1/-1;
  min-width: 0;
}
.fcl-table-scroll {
  overflow-x: auto;
  max-width: 100%;
  margin-bottom: 18px;
}
.fcl-node-mail input:not([type=checkbox]) {
  width: 100%;
  min-width: 0;
}
.fcl-mail-heading,
.fcl-mail-owner,
.fcl-mail-save {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.fcl-mail-heading h2 {
  margin: 0;
  flex: 1;
}
.fcl-mail-heading > span,
.fcl-mail-save > span {
  font-size: 13px;
  color: var(--text-secondary,#5c6470);
}
.fcl-mail-customer {
  padding: 16px 0;
  border-bottom: 1px solid var(--border,#dfe3e8);
}
.fcl-mail-customer p {
  margin: 6px 0;
  font-size: 14px;
}
.fcl-mail-node {
  border-bottom: 1px solid var(--border,#dfe3e8);
}
.fcl-mail-node > summary {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px 0;
  cursor: pointer;
  list-style: none;
}
.fcl-mail-node > summary::before {
  content: "\203a";
  font-size: 20px;
  transition: transform .15s;
}
.fcl-mail-node[open] > summary::before {
  transform: rotate(90deg);
}
.fcl-mail-node > summary strong {
  min-width: 160px;
}
.fcl-mail-node > summary span {
  font-size: 13px;
  color: var(--text-secondary,#5c6470);
  overflow-wrap: anywhere;
}
.fcl-mail-node > summary span:last-child {
  margin-left: auto;
}
.fcl-mail-node-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  padding: 4px 0 24px;
}
.fcl-mail-node-body h3 {
  font-size: 15px;
  margin: 0 0 14px;
}
.fcl-mail-node-body .head-actions {
  margin-top: 16px;
}
.fcl-mail-owner {
  margin: 12px 0;
  font-size: 13px;
}
.fcl-mail-owner details {
  width: 100%;
}
.fcl-mail-save {
  padding: 20px 0 12px;
}
.fcl-mail-service {
  margin-top: 12px;
  font-size: 13px;
  color: var(--text-secondary,#5c6470);
}
.fcl-settings {
  max-width: 1120px;
  margin: 0 auto;
}
.fcl-settings-issuer {
  margin-bottom: 20px;
}
.fcl-settings-issuer > summary {
  padding: 18px 22px;
  cursor: pointer;
  font-weight: 600;
}
@media (max-width: 760px) {
  .fcl-mail-node-body {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .fcl-mail-node > summary {
    flex-wrap: wrap;
    gap: 8px;
  }
  .fcl-mail-node > summary strong {
    min-width: 0;
    flex: 1;
  }
  .fcl-mail-node > summary span {
    width: 100%;
    margin-left: 22px;
  }
  .fcl-mail-node > summary span:last-child {
    margin-left: 22px;
  }
}
.fcl-mail-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 10px 0;
}
.fcl-mail-preview pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: inherit;
  line-height: 1.7;
  background: var(--surface-subtle,#f4f6f8);
  padding: 16px;
}
.fcl-exec-preview {
  margin-top: 20px;
  padding: 16px;
  background: var(--surface-subtle,#f4f6f8);
  border-radius: 8px;
}
#fcl-execution {
  margin-top: 24px;
  scroll-margin-top: 24px;
}
#fcl-execution .field input,
#fcl-execution .field textarea {
  max-width: 100%;
}
.fcl-progress-confirm {
  margin: 12px 0;
  padding: 16px;
  border: 1px solid var(--border,#dce2eb);
  border-radius: 8px;
  background: var(--surface,#fff);
}
.fcl-progress-confirm h4 {
  margin: 0 0 12px;
}
.fcl-progress-confirm textarea {
  min-height: 88px;
}
.fcl-progress-confirm fieldset {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--border,#dce2eb);
}
.fcl-mail-preview pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.customer-navigation {
  flex-wrap: wrap;
}
.case-card {
  gap: 12px;
  flex-wrap: wrap;
}
.customer-navigation .nav-item {
  text-decoration: none;
}
.customer-navigation .nav-item[aria-current=page] {
  color: var(--primary,#3658e8);
}
#app[data-page=fcl] {
  --ink:#1d1d1f;
  --muted:#636368;
  --line:#e5e5e7;
  --strong:#c7c7cc;
  --brand:#0071e3;
  --brand-dark:#0062c5;
  --soft:#f5f5f7;
  --surface:#fff;
  --fc-blue:#0071e3;
  --fc-line:#e5e5e7;
  --fc-muted:#636368;
  background: #f5f5f7;
  color: var(--ink);
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Microsoft YaHei",
    sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
#app[data-page=fcl] #content .fcl-workbench {
  font-family: inherit;
  --fc-ink:#1d1d1f;
  --fc-muted:#636368;
  --fc-line:#e5e5e7;
  --fc-blue:#0071e3;
}
#app[data-page=fcl] .topbar {
  height: 64px;
  gap: 36px;
  background: #fafafc;
  border-color: var(--line);
}
#app[data-page=fcl] .wordmark {
  color: var(--ink);
  font-size: 21px;
  letter-spacing: -.7px;
}
#app[data-page=fcl] .brand-mark {
  background: var(--brand);
  border-radius: 9px;
}
#app[data-page=fcl] .customer-navigation {
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
#app[data-page=fcl] .customer-navigation .nav-item {
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}
#app[data-page=fcl] .customer-navigation .nav-item[aria-current=page] {
  color: var(--ink);
  background: #eaeaed;
}
#app[data-page=fcl] .customer-navigation .nav-item::after {
  display: none;
}
#app[data-page=fcl] .console-context {
  background: transparent;
  border: 0;
  min-height: 48px;
}
#app[data-page=fcl] .console-context nav {
  justify-content: flex-start;
  gap: 4px;
  padding: 10px 0;
}
#app[data-page=fcl] .console-tab {
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 7px;
  color: var(--muted);
}
#app[data-page=fcl] .console-tab:is(:hover, [aria-current]) {
  background: #eaeaed;
  color: var(--ink);
}
#app[data-page=fcl] #content {
  max-width: 1200px;
  padding: 30px 0 56px;
}
#app[data-page=fcl] #content .page-head {
  margin: 0 0 24px;
  align-items: center;
  gap: 16px;
}
#app[data-page=fcl] #content :is(h1, .page-head h1, .ops-heading h1) {
  font-size: 26px;
  font-weight: 650;
  letter-spacing: -.65px;
  line-height: 1.25;
}
#app[data-page=fcl] #content h2 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.2px;
}
#app[data-page=fcl] #content h3 {
  font-size: 14px;
  font-weight: 600;
}
#app[data-page=fcl] #content .page-head p {
  margin-top: 5px;
  font-size: 13px;
  color: var(--muted);
}
#app[data-page=fcl] #content .panel {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: white;
  box-shadow: none;
}
#app[data-page=fcl] #content .panel + .panel {
  margin-top: 16px;
}
#app[data-page=fcl] #content .panel-head {
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
}
#app[data-page=fcl] #content .panel-body {
  padding: 20px;
}
#app[data-page=fcl] #content .panel .panel {
  border-radius: 8px;
}
#app[data-page=fcl] :is(.button, .nav-item, input, select, textarea) {
  font-family: inherit;
}
#app[data-page=fcl] #content .button,
#app[data-page=fcl] .topbar > .button {
  min-height: 34px;
  padding: 6px 13px;
  border-radius: 7px;
  border-color: #d2d2d7;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 1px 2px #00000005;
}
#app[data-page=fcl] #content .button.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
#app[data-page=fcl] #content .button:hover:not(:disabled) {
  background: #ededf0;
}
#app[data-page=fcl] #content .button.primary:hover:not(:disabled) {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
}
#app[data-page=fcl] #content .button.danger {
  color: #b42318;
}
#app[data-page=fcl] #content .button:disabled {
  opacity: .45;
  cursor: not-allowed;
}
#app[data-page=fcl] :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid #0071e380;
  outline-offset: 3px;
}
#app[data-page=fcl] #content .field {
  font-size: 13px;
  font-weight: 500;
  gap: 5px;
  margin-bottom: 14px;
}
#app[data-page=fcl] #content .field-grid {
  gap: 4px 20px;
}
#app[data-page=fcl] #content :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  border: 1px solid #c7c7cc;
  border-radius: 7px;
  background: #fff;
  color: var(--ink);
  min-height: 34px;
  padding: 6px 9px;
  font-size: 14px;
  box-shadow: none;
}
#app[data-page=fcl] #content textarea {
  min-height: 76px;
  resize: vertical;
}
#app[data-page=fcl] #content input:is([type=checkbox], [type=radio]) {
  accent-color: var(--brand);
}
#app[data-page=fcl] #content :is(th, td) {
  padding: 11px 14px;
  border-color: var(--line);
  vertical-align: middle;
}
#app[data-page=fcl] #content th {
  color: var(--muted);
  background: #fafafa;
  font-size: 12px;
  font-weight: 500;
}
#app[data-page=fcl] #content td {
  font-size: 14px;
}
#app[data-page=fcl] #content td.amount {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#app[data-page=fcl] #content tbody tr:hover {
  background: #f5f8fc;
}
#app[data-page=fcl] #content .badge {
  border: 0;
  background: #ededf0;
  color: #515157;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 9px;
  border-radius: 6px;
}
#app[data-page=fcl] #content .badge[data-status=executing] {
  color: #0062c5;
  background: #eaf3ff;
}
#app[data-page=fcl] #content .badge[data-status=completed] {
  color: #237344;
  background: #eaf5ed;
}
#app[data-page=fcl] #content .fcl-workbench .fcl-route-brief {
  padding: 18px 20px;
  gap: 24px;
  border-color: var(--line);
  margin-bottom: 18px;
}
#app[data-page=fcl] #content .fcl-route-brief h2 {
  font-size: 22px;
}
#app[data-page=fcl] #content .fcl-detail-tabs {
  display: flex;
  width: fit-content;
  max-width: 100%;
  gap: 2px;
  padding: 3px;
  border: 0;
  border-radius: 8px;
  background: #e8e8ed;
  margin-bottom: 20px;
}
#app[data-page=fcl] #content .fcl-detail-tabs button {
  min-height: 32px;
  padding: 5px 22px;
  border: 0;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
}
#app[data-page=fcl] #content .fcl-detail-tabs button[aria-selected=true] {
  color: var(--ink);
  background: white;
  box-shadow: 0 1px 3px #00000016;
  font-weight: 600;
}
#app[data-page=fcl] #content .fcl-workflow {
  border: 0;
  gap: 8px;
  margin-bottom: 20px;
}
#app[data-page=fcl] #content .fcl-workflow button {
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  gap: 10px;
}
#app[data-page=fcl] #content .fcl-workflow button[aria-current] {
  background: #fff;
  border-color: var(--line);
  color: var(--ink);
}
#app[data-page=fcl] #content .fcl-workflow strong {
  font-size: 14px;
  font-weight: 600;
}
#app[data-page=fcl] #content .fcl-step-index {
  width: 26px;
  height: 26px;
  font-size: 12px;
  background: #e5e5ea;
  color: var(--muted);
}
#app[data-page=fcl] #content [aria-current] .fcl-step-index {
  background: var(--brand);
  color: #fff;
}
#app[data-page=fcl] #content .fcl-exec-node > summary {
  padding: 15px 20px;
  gap: 14px;
}
#app[data-page=fcl] #content .fcl-exec-node > summary::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a1a1a6;
  flex: none;
}
#app[data-page=fcl] #content .fcl-exec-node[data-status=active] > summary::before {
  background: var(--brand);
}
#app[data-page=fcl] #content .fcl-exec-node[data-status=completed] > summary::before {
  background: #248a3d;
}
#app[data-page=fcl] #content .fcl-exec-node[data-status=exception] > summary::before {
  background: #c93400;
}
#app[data-page=fcl] #content .fcl-exec-node > summary::after {
  content: "\203a";
  font-size: 20px;
  color: var(--muted);
}
#app[data-page=fcl] #content .fcl-exec-node[open] > summary::after {
  transform: rotate(90deg);
}
#app[data-page=fcl] #content .fcl-exec-node[open] > summary {
  border-bottom: 1px solid var(--line);
}
#app[data-page=fcl] #content .fcl-internal-notes {
  padding: 10px 0;
  border-top: 1px solid var(--line);
}
#app[data-page=fcl] #content .fcl-internal-notes > summary {
  display: list-item;
  padding: 6px 0;
  color: var(--muted);
}
#app[data-page=fcl] #content .fcl-internal-notes[open] > summary {
  margin-bottom: 12px;
}
#app[data-page=fcl] #content .fcl-progress-confirm {
  background: #f5f5f7;
  padding: 18px;
  border: 0;
}
#app[data-page=fcl] #content .fcl-exec-node .head-actions {
  margin: 14px 0;
}
#app[data-page=fcl] #content .customer-ledger .panel-body {
  padding: 0;
}
#app[data-page=fcl] #content .customer-ledger table {
  min-width: 650px;
  width: 100%;
}
#app[data-page=fcl] #content .customer-ledger td {
  height: 62px;
}
#app[data-page=fcl] #content .customer-ledger tr:last-child td {
  border-bottom: 0;
}
#app[data-page=fcl] #content .customer-ledger td:last-child a {
  color: var(--brand);
  text-decoration: none;
  font-weight: 500;
}
#app[data-page=fcl] #content .customer-link-existing {
  margin-top: 20px;
  color: var(--muted);
  font-size: 13px;
}
#app[data-page=fcl] #content .customer-link-existing summary {
  cursor: pointer;
  padding: 8px 0;
}
#app[data-page=fcl] #content .customer-link-existing form {
  max-width: 560px;
  padding: 16px 0;
}
#app[data-page=fcl] #content .customer-shipment {
  display: grid;
  grid-template-columns: 1fr 1fr 1.4fr;
  gap: 24px;
  margin-bottom: 24px;
}
#app[data-page=fcl] #content .customer-shipment span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 5px;
}
#app[data-page=fcl] #content .customer-shipment strong {
  font-size: 15px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
#app[data-page=fcl] #content .customer-order-content {
  display: grid;
  gap: 16px;
}
#app[data-page=fcl] #content .customer-order-content > .panel {
  margin: 0;
}
#app[data-page=fcl] #content .customer-node-list {
  list-style: none;
  padding: 0 20px;
  margin: 0;
}
#app[data-page=fcl] #content .customer-node-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 52px;
  border-bottom: 1px solid var(--line);
}
#app[data-page=fcl] #content .customer-node-list li:last-child {
  border-bottom: 0;
}
#app[data-page=fcl] #content .customer-node-list strong {
  flex: 1;
  font-weight: 500;
}
#app[data-page=fcl] #content .customer-node-list :is(time, li > span:not(.customer-node-indicator)) {
  font-size: 13px;
  color: var(--muted);
}
#app[data-page=fcl] #content .customer-node-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c7c7cc;
}
#app[data-page=fcl] #content .customer-node-list [data-status=active] .customer-node-indicator {
  background: var(--brand);
}
#app[data-page=fcl] #content .customer-node-list [data-status=completed] .customer-node-indicator {
  background: #248a3d;
}
#app[data-page=fcl] #content .customer-node-list [data-status=exception] .customer-node-indicator {
  background: #c93400;
}
#app[data-page=fcl] #content .customer-quote > summary {
  display: flex;
  justify-content: space-between;
  padding: 17px 20px;
  font-weight: 600;
  cursor: pointer;
}
#app[data-page=fcl] #content .customer-quote > summary span {
  font-size: 13px;
  font-weight: 400;
  color: var(--brand);
}
#app[data-page=fcl] #content .customer-quote[open] > summary {
  border-bottom: 1px solid var(--line);
}
#app[data-page=fcl] #content .customer-history {
  border-top: 1px solid var(--line);
  padding: 14px 20px;
}
#app[data-page=fcl] #content .customer-history summary {
  font-size: 13px;
  color: var(--muted);
  cursor: pointer;
}
#app[data-page=fcl] #content .customer-history .case-timeline {
  margin-top: 18px;
  padding: 0 0 0 16px;
}
#app[data-page=fcl] #content .customer-pending {
  padding: 20px;
}
@media (max-width: 760px) {
  #app[data-page=fcl] .topbar {
    height: auto;
    min-height: 64px;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 12px 16px;
  }
  #app[data-page=fcl] .customer-navigation {
    display: flex;
    order: 3;
    width: 100%;
    flex-basis: 100%;
    overflow-x: auto;
  }
  #app[data-page=fcl] .topbar > .button {
    margin-left: auto;
  }
  #app[data-page=fcl] #content {
    width: calc(100% - 32px);
    padding-top: 22px;
  }
  #app[data-page=fcl] #content .page-head {
    flex-wrap: nowrap;
  }
  #app[data-page=fcl] #content .page-head .head-actions {
    width: auto;
    flex: none;
  }
  #app[data-page=fcl] #content :is(h1, .page-head h1) {
    font-size: 23px;
  }
  #app[data-page=fcl] #content .button {
    min-height: 44px;
  }
  #app[data-page=fcl] #content .customer-shipment {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  #app[data-page=fcl] #content .customer-shipment > div:last-child {
    grid-column: 1/-1;
  }
  #app[data-page=fcl] #content .panel-body {
    padding: 16px;
  }
  #app[data-page=fcl] #content .fcl-exec-node > summary {
    gap: 8px;
    padding: 14px 16px;
  }
  #app[data-page=fcl] #content .fcl-exec-node > summary strong {
    min-width: 130px;
  }
  #app[data-page=fcl] #content .fcl-exec-node > summary span {
    font-size: 12px;
  }
  #app[data-page=fcl] #content .fcl-detail-tabs {
    width: 100%;
  }
  #app[data-page=fcl] #content .fcl-detail-tabs button {
    padding-inline: 8px;
    min-height: 40px;
  }
  #app[data-page=fcl] #content .fcl-workflow button {
    padding: 8px 4px;
    gap: 6px;
  }
  #app[data-page=fcl] #content .fcl-workflow small {
    font-size: 11px;
  }
}
@media (max-width: 760px) {
  #app[data-page=fcl] #content .customer-ledger table {
    min-width: 0;
  }
  #app[data-page=fcl] #content .customer-ledger thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  #app[data-page=fcl] #content .customer-ledger :is(table, tbody) {
    display: block;
  }
  #app[data-page=fcl] #content .customer-ledger tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px 16px;
    gap: 6px 12px;
    border-bottom: 1px solid var(--line);
  }
  #app[data-page=fcl] #content .customer-ledger td {
    display: block;
    height: auto;
    padding: 0;
    border: 0;
    overflow-wrap: anywhere;
  }
  #app[data-page=fcl] #content .customer-ledger td:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }
  #app[data-page=fcl] #content .customer-ledger td:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    color: var(--muted);
    font-size: 13px;
  }
  #app[data-page=fcl] #content .customer-ledger td:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    font-size: 13px;
  }
  #app[data-page=fcl] #content .customer-ledger td:last-child {
    grid-column: 2;
    grid-row: 2 / 4;
    align-self: center;
  }
  #app[data-page=fcl] #content .customer-ledger td:last-child a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
.fcl-smtp-settings {
  padding: 20px 0;
  border-bottom: 1px solid var(--border,#dfe3e8);
}
.fcl-smtp-settings h3 {
  margin: 0 0 8px;
}
.fcl-smtp-settings summary {
  cursor: pointer;
  margin: 12px 0;
}
.fcl-smtp-settings .field-grid {
  margin: 16px 0;
}
.fcl-smtp-settings p {
  margin: 8px 0;
  font-size: 13px;
}
.fcl-smtp-test {
  margin-top: 20px;
}
.fcl-smtp-test > .field {
  max-width: 420px;
  margin-bottom: 12px;
}
.fcl-order-list {
  overflow: hidden;
}
.order-filters {
  display: flex;
  align-items: end;
  gap: 12px;
  flex-wrap: wrap;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
}
.order-filters .field {
  flex: 1 1 180px;
  margin: 0;
  max-width: 300px;
  font-size: 13px;
  gap: 6px;
}
.order-filters input:not([type=checkbox]) {
  height: 38px;
  min-height: 38px;
}
.order-filters .check-row {
  align-self: center;
  margin: 0;
}
.order-filters .head-actions {
  margin: 0;
  gap: 8px;
}
.order-filters .button,
.order-status-tabs .button {
  min-height: 38px;
  padding: 8px 14px;
  font-size: 13px;
}
.order-status-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 20px;
  border-bottom: 1px solid var(--line);
}
.order-table-wrap {
  overflow: auto;
  max-width: 100%;
}
.order-table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
  font-size: 14px;
}
.order-table th {
  background: #f6f7f9;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  white-space: nowrap;
}
.order-table th,
.order-table td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
.order-table td {
  max-width: 290px;
  overflow-wrap: anywhere;
}
.order-table td strong {
  font-weight: 600;
}
.order-table small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 5px;
}
.order-table tbody tr:hover {
  background: #fafbfe;
}
.order-table th:last-child,
.order-table td:last-child {
  position: sticky;
  right: 0;
  background: #fff;
  min-width: 90px;
  text-align: right;
  white-space: nowrap;
}
.order-table th:last-child {
  background: #f6f7f9;
}
.order-table a {
  display: inline-block;
  padding: 8px 0;
  color: var(--brand);
  font-weight: 600;
}
.order-table .order-empty {
  text-align: center;
  padding: 48px 20px;
}
.order-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  color: var(--muted);
  font-size: 12px;
}
.order-table-wrap:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: -2px;
}
@media (max-width: 760px) {
  .order-filters {
    padding: 14px;
    gap: 12px;
  }
  .order-filters .field {
    max-width: none;
    flex-basis: calc(50% - 12px);
    min-width: 0;
  }
  .order-filters input:not([type=checkbox]),
  .order-filters .button,
  .order-status-tabs .button {
    min-height: 44px;
  }
  .order-status-tabs {
    padding: 12px;
    gap: 6px;
  }
  .order-table th,
  .order-table td {
    padding: 12px;
  }
  .order-footer {
    padding: 12px;
    flex-wrap: wrap;
  }
  .order-table a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}
#app[data-page=fcl] #content .order-filters .field {
  margin-bottom: 0;
}
#app[data-page=fcl] #content .order-table .badge.warning {
  background: #fff3e5;
  color: #925000;
}

/* apps/console/quote-documents.css */
.qdoc-workbench {
  display: grid;
  gap: 18px;
  margin-top: 22px;
}
.qdoc-section {
  padding: 22px;
  border: 1px solid var(--border,#dfe5ed);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 18px;
}
.qdoc-section h2 {
  font-size: 19px;
  margin: 0;
}
.qdoc-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.qdoc-section-head span {
  color: #617089;
  font-size: 13px;
}
.qdoc-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.qdoc-fields .field,
.qdoc-fee-main .field,
.qdoc-fee-details .field {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.qdoc-fields input,
.qdoc-fields select,
.qdoc-fields textarea,
.qdoc-fee-row input,
.qdoc-fee-row select {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid #d9e0ea;
  border-radius: 7px;
  background: #fff;
  font: inherit;
}
.qdoc-fee-table {
  display: grid;
  gap: 6px;
}
.qdoc-fee-row {
  border: 1px solid #e0e6ef;
  border-radius: 8px;
  background: #fff;
}
.qdoc-fee-main {
  display: grid;
  grid-template-columns: minmax(180px, 2fr) 90px 90px 120px 110px 72px;
  gap: 8px;
  align-items: end;
  min-height: 48px;
  padding: 7px;
}
.qdoc-fee-main .field span {
  font-size: 12px;
  color: #617089;
}
.qdoc-line-actions .button {
  width: 100%;
  padding: 9px;
}
.qdoc-fee-row summary {
  cursor: pointer;
  padding: 8px 10px;
  color: #617089;
  font-size: 13px;
}
.qdoc-fee-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 10px 12px;
}
.qdoc-actionbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 0;
  border-top: 1px solid #e0e6ef;
  background: #fff;
}
.qdoc-actionbar .button {
  margin: 0;
}
.qdoc-actionbar span {
  color: #617089;
  margin-right: auto;
}
.qdoc-template-picker {
  margin: 0 0 18px;
  border: 1px solid #dfe5ed;
  border-radius: 9px;
  background: #fff;
  padding: 14px;
}
.qdoc-template-picker summary {
  cursor: pointer;
  font-weight: 600;
}
.qdoc-template-picker section {
  margin-top: 14px;
}
.qdoc-template-picker h3 {
  font-size: 14px;
  margin: 0 0 8px;
}
.qdoc-template-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.qdoc-template-grid label {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 8px;
  border: 1px solid #e4e9f0;
  border-radius: 6px;
}
.qdoc-template-actions {
  margin-top: 14px;
}
.qdoc-records {
  margin-top: 22px;
}
.qdoc-record-toolbar {
  display: flex;
  gap: 10px;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.qdoc-record-toolbar label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #617089;
  font-size: 13px;
}
.qdoc-record-toolbar input,
.qdoc-record-toolbar select {
  padding: 9px 10px;
  border: 1px solid #d9e0ea;
  border-radius: 7px;
}
.qdoc-record-columns,
.qdoc-record-row {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr .9fr .7fr .5fr 1.5fr;
  gap: 12px;
  align-items: center;
}
.qdoc-record-columns {
  padding: 10px 12px;
  background: #f6f8fb;
  color: #617089;
  font-size: 13px;
}
.qdoc-record-row {
  padding: 13px 12px;
  border-bottom: 1px solid #e5eaf1;
}
.qdoc-record-row .button {
  margin: 0 5px 0 0;
}
.qdoc-record-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.qdoc-empty-inline {
  padding: 34px;
  text-align: center;
  color: #617089;
}
.qdoc-empty {
  padding: 54px 28px;
  text-align: center;
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 10px;
  margin-top: 22px;
}
.qdoc-empty svg {
  width: 44px;
  height: 44px;
  color: #385ae8;
}
.qdoc-totals {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  max-width: 420px;
}
.qdoc-totals dt {
  color: #617089;
}
.qdoc-totals dd {
  text-align: right;
  margin: 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.qdoc-review form {
  padding: 22px;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  background: #fff;
}
.qdoc-review form .field {
  display: block;
  margin: 12px 0;
}
.qdoc-review form input:not([type=checkbox]),
.qdoc-review form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid #d9e0ea;
  border-radius: 7px;
}
.native-tabs button {
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  padding: 12px 2px;
  cursor: pointer;
}
.native-tabs button[aria-current=page] {
  color: #385ae8;
  border-bottom: 2px solid #385ae8;
}
@media (max-width: 1100px) {
  .qdoc-fee-main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .qdoc-record-columns,
  .qdoc-record-row {
    grid-template-columns: 1fr 1.2fr .8fr .7fr .5fr 1.6fr;
  }
}
@media (max-width: 700px) {
  .qdoc-fields,
  .qdoc-fee-details,
  .qdoc-template-grid {
    grid-template-columns: 1fr;
  }
  .qdoc-fee-main {
    grid-template-columns: 1fr 1fr;
    align-items: end;
  }
  .qdoc-fee-main .field:first-child {
    grid-column: 1/-1;
  }
  .qdoc-fee-main .qdoc-line-actions {
    grid-column: 1/-1;
  }
  .qdoc-record-columns {
    display: none;
  }
  .qdoc-record-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px 12px;
  }
  .qdoc-record-row span {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }
  .qdoc-record-row span::before {
    content: attr(data-label);
    color: #617089;
  }
  .native-tabs {
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* apps/console/fonts/fonts.css */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/console/fonts/manrope-latin-MM4GOOFF.woff2") format("woff2");
  unicode-range:
    U+D,
    U+20-7E,
    U+A0-113,
    U+116-12B,
    U+12E-131,
    U+134-137,
    U+139-13E,
    U+141-148,
    U+14A-14D,
    U+150-17E,
    U+192,
    U+1A0-1A1,
    U+1AF-1B0,
    U+218-21B,
    U+259,
    U+2C6-2C7,
    U+2D8-2DD,
    U+374-375,
    U+37E,
    U+384-38A,
    U+38C,
    U+38E-3A1,
    U+3A3-3CE,
    U+400-45F,
    U+490-491,
    U+4AE-4AF,
    U+4BA-4BB,
    U+4E8-4E9,
    U+1E80-1E85,
    U+1E9E,
    U+1EA0-1EF9,
    U+2011,
    U+2013-2014,
    U+2018-201A,
    U+201C-2022,
    U+2026,
    U+2030,
    U+2039-203A,
    U+2044,
    U+2060,
    U+2070,
    U+2074-2079,
    U+2080-2089,
    U+20A3,
    U+20A9-20AC,
    U+20AE,
    U+20B1,
    U+20B4,
    U+20B9-20BA,
    U+20BD,
    U+20BF,
    U+2116,
    U+2122,
    U+2190-2193,
    U+21B5,
    U+2202,
    U+2205,
    U+220F,
    U+2211-2212,
    U+2215,
    U+221A,
    U+221E,
    U+222B,
    U+2248,
    U+2260,
    U+2264-2265,
    U+25CA,
    U+E001-E003,
    U+E007-E009,
    U+FB01-FB02;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/console/fonts/jetbrains-mono-latin-XYGVMTA5.woff2") format("woff2");
  unicode-range:
    U+D,
    U+20-7E,
    U+A0-131,
    U+134-17F,
    U+18F,
    U+192,
    U+1A0-1A1,
    U+1AF-1B0,
    U+1CD-1CE,
    U+1E6-1E7,
    U+1EA-1EB,
    U+1F4-1F5,
    U+1FC-1FF,
    U+218-21B,
    U+232-233,
    U+237,
    U+259,
    U+2B9-2BA,
    U+2BC,
    U+2C6-2C7,
    U+2C9,
    U+2D8-2DD,
    U+2F3,
    U+2F7,
    U+300-304,
    U+306-30C,
    U+30F,
    U+312,
    U+31B,
    U+323,
    U+325-328,
    U+336,
    U+338,
    U+374-375,
    U+37E,
    U+384-38A,
    U+38C,
    U+38E-3A1,
    U+3A3-3CF,
    U+3D7,
    U+401-40C,
    U+40E-44F,
    U+451-45C,
    U+45E-45F,
    U+490-491,
    U+4AE-4AF,
    U+4E8-4E9,
    U+1E80-1E85,
    U+1E9E,
    U+1EA0-1EF9,
    U+2010,
    U+2013-2014,
    U+2018-201A,
    U+201C-201E,
    U+2020-2022,
    U+2024,
    U+2026,
    U+2030,
    U+2032-2033,
    U+2039-203A,
    U+2044,
    U+2070,
    U+2074-207A,
    U+2080-2089,
    U+20AB-20AC,
    U+20AE,
    U+20BD,
    U+20BF,
    U+2113,
    U+2115-2116,
    U+2122,
    U+212E,
    U+2190-2199,
    U+21E7,
    U+2200,
    U+2202-2203,
    U+2208-2209,
    U+220B-220C,
    U+220F-2212,
    U+2215,
    U+2218-221A,
    U+221E,
    U+2223,
    U+2225,
    U+2227-2228,
    U+222B,
    U+2237,
    U+223C,
    U+2248-2249,
    U+2260-2261,
    U+2264-2265,
    U+2282-2287,
    U+2302-2305,
    U+2318,
    U+2325,
    U+2374,
    U+23FB-23FE,
    U+2500-25A1,
    U+25AA-25AB,
    U+25B2-25C7,
    U+25CA,
    U+25CC,
    U+25CE-25CF,
    U+25D4-25D5,
    U+25E7-25EB,
    U+25EF,
    U+26A0-26A1,
    U+2715,
    U+276E-2771,
    U+27E8-27E9,
    U+27F5-27F7,
    U+2B58,
    U+E0A0-E0A2,
    U+E0B0-E0B3,
    U+FEFF;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-ui-D5J36RCP.woff2") format("woff2");
  unicode-range:
    U+20-7E,
    U+A0-FF,
    U+2013-2014,
    U+201C-201D,
    U+2022,
    U+2026,
    U+2192,
    U+3001-3002,
    U+4E00,
    U+4E09-4E0B,
    U+4E0D-4E0E,
    U+4E14,
    U+4E1A,
    U+4E24,
    U+4E2A,
    U+4E2D,
    U+4E32,
    U+4E3A-4E3B,
    U+4E48,
    U+4E4B,
    U+4E5D,
    U+4E5F,
    U+4E86,
    U+4E88,
    U+4E8B,
    U+4E8E,
    U+4E9B,
    U+4EA4,
    U+4EA7,
    U+4EAB-4EAC,
    U+4EBA,
    U+4EC0,
    U+4EC5,
    U+4ECA-4ECB,
    U+4ECD-4ECE,
    U+4ED3,
    U+4ED6,
    U+4ED8,
    U+4EE3-4EE5,
    U+4EEC,
    U+4EF6-4EF7,
    U+4EFB,
    U+4EFD,
    U+4F01,
    U+4F18,
    U+4F1A,
    U+4F20,
    U+4F30,
    U+4F3C,
    U+4F46,
    U+4F4D,
    U+4F4F,
    U+4F53,
    U+4F55,
    U+4F59,
    U+4F5C,
    U+4F60,
    U+4F7F,
    U+4F8B,
    U+4F9B,
    U+4F9D,
    U+4FBF,
    U+4FDD,
    U+4FE1,
    U+4FEE,
    U+5019,
    U+503C,
    U+504F,
    U+505A,
    U+505C,
    U+50A8,
    U+5141,
    U+5145,
    U+5148,
    U+514D,
    U+5151,
    U+5165,
    U+5168,
    U+516C,
    U+5171,
    U+5173,
    U+5176-5177,
    U+517C,
    U+5185,
    U+518C-518D,
    U+5199,
    U+51B3,
    U+51B5,
    U+51BB,
    U+51C6,
    U+51CF,
    U+51D1,
    U+51ED,
    U+51FA-51FB,
    U+5206-5207,
    U+5212,
    U+5217,
    U+5219-521B,
    U+5224,
    U+522B,
    U+5230,
    U+5236-5237,
    U+524D,
    U+5269,
    U+526F,
    U+529B,
    U+529E-52A1,
    U+52A8-52A9,
    U+5305,
    U+5316-5317,
    U+5339-533A,
    U+5341,
    U+534F,
    U+5355,
    U+5357,
    U+5360,
    U+5370,
    U+5373,
    U+5378,
    U+5386,
    U+539F,
    U+53BB,
    U+53C2,
    U+53CA,
    U+53CC,
    U+53D1,
    U+53D6-53D8,
    U+53E0,
    U+53E3,
    U+53E5-53E6,
    U+53EA,
    U+53EF-53F0,
    U+53F2-53F3,
    U+53F7-53F8,
    U+5404,
    U+5408,
    U+540C-540E,
    U+5411,
    U+5426,
    U+542B,
    U+542F,
    U+5458,
    U+5473,
    U+547D,
    U+548C,
    U+54C1,
    U+54CD,
    U+54EA,
    U+552E,
    U+5546,
    U+5584,
    U+5668,
    U+56DB,
    U+56DE,
    U+56E0,
    U+56E2,
    U+56F4,
    U+56FA,
    U+56FD-56FE,
    U+5728,
    U+5730,
    U+573A,
    U+5740,
    U+5747,
    U+578B,
    U+57CE,
    U+57DF,
    U+57FA,
    U+586B,
    U+5883,
    U+589E,
    U+5904,
    U+5907,
    U+590D,
    U+5916,
    U+591A,
    U+5927,
    U+5929,
    U+5931,
    U+5934,
    U+5957,
    U+597D,
    U+5982,
    U+59A5,
    U+59CB,
    U+5A01,
    U+5B57-5B58,
    U+5B83,
    U+5B85,
    U+5B89,
    U+5B8C,
    U+5B98,
    U+5B9A,
    U+5B9E,
    U+5BA1-5BA2,
    U+5BB6,
    U+5BB9,
    U+5BBD,
    U+5BC6,
    U+5BF8-5BF9,
    U+5BFC,
    U+5C04,
    U+5C06,
    U+5C0F,
    U+5C11,
    U+5C1A,
    U+5C31,
    U+5C3A,
    U+5C3D-5C3E,
    U+5C42,
    U+5C55,
    U+5C5E,
    U+5DE5,
    U+5DEE,
    U+5DF1-5DF2,
    U+5E01-5E03,
    U+5E26,
    U+5E2E,
    U+5E38,
    U+5E42,
    U+5E73-5E74,
    U+5E76,
    U+5E8F,
    U+5E93-5E94,
    U+5EA6,
    U+5EFA,
    U+5F00,
    U+5F02,
    U+5F0F,
    U+5F15,
    U+5F52-5F53,
    U+5F55,
    U+5F62,
    U+5F71,
    U+5F80,
    U+5F84-5F85,
    U+5F97,
    U+5FC3,
    U+5FC5,
    U+5FD7-5FD8,
    U+5FEB,
    U+6001,
    U+600E,
    U+6027,
    U+603B,
    U+6062,
    U+606F,
    U+60C5,
    U+610F,
    U+6210-6211,
    U+6216,
    U+622A,
    U+6237,
    U+6240,
    U+624B,
    U+624D,
    U+6253,
    U+6258,
    U+6267,
    U+6269,
    U+6279,
    U+627E-627F,
    U+628A,
    U+62A4-62A5,
    U+62C6,
    U+62D2,
    U+62E9,
    U+62FC,
    U+62FF,
    U+6301,
    U+6307,
    U+6309,
    U+6362,
    U+636E,
    U+6388,
    U+6392,
    U+63A5,
    U+63A7-63A8,
    U+63AA,
    U+63CF-63D0,
    U+641C,
    U+643A,
    U+6458,
    U+64A4,
    U+64CD-64CE,
    U+652F,
    U+6536,
    U+6539,
    U+653E,
    U+6548,
    U+654F,
    U+6570,
    U+6574,
    U+6587,
    U+6599,
    U+65AD,
    U+65B0,
    U+65B9,
    U+65BD,
    U+65E0,
    U+65E5,
    U+65E7,
    U+65E9,
    U+65F6,
    U+660E,
    U+6613,
    U+6620,
    U+662F,
    U+663E,
    U+666E-666F,
    U+6682,
    U+66F4,
    U+66FF-6700,
    U+6709,
    U+670D,
    U+671F,
    U+6728,
    U+672A,
    U+672C,
    U+673A,
    U+6743,
    U+6750,
    U+675F,
    U+6761,
    U+6765,
    U+676F,
    U+677E-677F,
    U+6784,
    U+679A,
    U+679C,
    U+67DC,
    U+67E5,
    U+6807,
    U+6821,
    U+6837-6839,
    U+683C,
    U+6846,
    U+6848,
    U+6863,
    U+68C0,
    U+6982,
    U+6A21,
    U+6A2A,
    U+6B21-6B22,
    U+6B3E,
    U+6B62-6B65,
    U+6BB5,
    U+6BCF,
    U+6C34,
    U+6C42,
    U+6C47,
    U+6CA1,
    U+6CB9,
    U+6CBF,
    U+6CD5,
    U+6CE1,
    U+6CE8,
    U+6D41,
    U+6D4B,
    U+6D4F,
    U+6D77,
    U+6D88,
    U+6DFB,
    U+6E05,
    U+6E20,
    U+6E29,
    U+6E38,
    U+6E90,
    U+6EAF,
    U+6EDA,
    U+6EE1,
    U+70B9,
    U+7136,
    U+7167,
    U+71C3,
    U+7248,
    U+724C,
    U+725B,
    U+7269,
    U+72B6,
    U+72EC,
    U+7387,
    U+73AF-73B0,
    U+7406,
    U+751F,
    U+7528,
    U+7531,
    U+7533,
    U+754C,
    U+7559,
    U+767B,
    U+7684,
    U+76D8,
    U+76EE,
    U+76F4,
    U+76F8,
    U+7701,
    U+770B,
    U+771F,
    U+7740,
    U+77E5,
    U+77ED,
    U+7801,
    U+7840,
    U+786E,
    U+793A,
    U+7968,
    U+79BB,
    U+79C1,
    U+79CD,
    U+79EF-79F0,
    U+79FB,
    U+7A0B,
    U+7A0D-7A0E,
    U+7A3F,
    U+7A7A,
    U+7A97,
    U+7ACB,
    U+7AD9,
    U+7AEF,
    U+7B26,
    U+7B2C,
    U+7B49,
    U+7B5B,
    U+7B7E,
    U+7B97,
    U+7BA1,
    U+7BB1,
    U+7C7B,
    U+7C98,
    U+7CBE,
    U+7CFB,
    U+7D22,
    U+7D27,
    U+7EA6-7EA7,
    U+7EB3,
    U+7EB8,
    U+7EBF,
    U+7EC4,
    U+7EC6-7EC8,
    U+7ECD,
    U+7ECF,
    U+7ED1,
    U+7ED3,
    U+7ED5,
    U+7ED9,
    U+7EDC-7EDD,
    U+7EDF,
    U+7EE7,
    U+7EEA,
    U+7EED,
    U+7EF4,
    U+7F00,
    U+7F16,
    U+7F29,
    U+7F34,
    U+7F3A,
    U+7F51,
    U+7F6E,
    U+7F8E,
    U+7FFB,
    U+8003,
    U+8005,
    U+8017,
    U+804A,
    U+804C,
    U+8054,
    U+80FD,
    U+811A,
    U+8131,
    U+81EA,
    U+81F3-81F4,
    U+822A,
    U+8231,
    U+8272,
    U+8282,
    U+82E5,
    U+8303,
    U+8349,
    U+8350,
    U+83B7,
    U+83DC,
    U+8425,
    U+884C,
    U+8857,
    U+8865,
    U+8868,
    U+88AB,
    U+88C5,
    U+8981,
    U+89C1,
    U+89C4,
    U+89C6,
    U+89C8,
    U+89D2,
    U+89E3,
    U+8BA1-8BA2,
    U+8BA4,
    U+8BA9,
    U+8BAE,
    U+8BB0,
    U+8BB8,
    U+8BBA,
    U+8BBE-8BBF,
    U+8BC1,
    U+8BC4,
    U+8BC6,
    U+8BCA,
    U+8BD1,
    U+8BD5,
    U+8BDD,
    U+8BE2,
    U+8BE5-8BE6,
    U+8BEF,
    U+8BF4,
    U+8BF7,
    U+8BFB,
    U+8C01,
    U+8C03,
    U+8C61,
    U+8D1F,
    U+8D23,
    U+8D25-8D28,
    U+8D34,
    U+8D38-8D39,
    U+8D44,
    U+8D56,
    U+8D77,
    U+8D85,
    U+8DB3,
    U+8DDF,
    U+8DE8,
    U+8DEF,
    U+8DF3,
    U+8EAB,
    U+8F6C,
    U+8F6E,
    U+8F7B,
    U+8F7D,
    U+8F83,
    U+8F91,
    U+8F93,
    U+8FB9,
    U+8FBE,
    U+8FC7,
    U+8FCE,
    U+8FD0-8FD1,
    U+8FD4,
    U+8FD8-8FD9,
    U+8FDB-8FDC,
    U+8FDE,
    U+8FF0,
    U+8FFD,
    U+9000-9002,
    U+9009,
    U+9010,
    U+9012,
    U+9014,
    U+901A,
    U+901F-9020,
    U+9047,
    U+9053,
    U+9057,
    U+907F-9080,
    U+90AE,
    U+90E8,
    U+90FD,
    U+914D,
    U+91CA,
    U+91CC-91CD,
    U+91CF,
    U+91D1,
    U+9274,
    U+949F,
    U+94A2,
    U+94A5,
    U+94AE,
    U+94C1,
    U+94DD,
    U+94FE,
    U+9500,
    U+9508,
    U+9519,
    U+952E,
    U+957F,
    U+95E8,
    U+95ED-95EE,
    U+95F4,
    U+9605,
    U+961F,
    U+9632,
    U+963B,
    U+9644-9645,
    U+9650,
    U+9664,
    U+968F,
    U+9694,
    U+96C6,
    U+96F6,
    U+9700,
    U+9762,
    U+9875,
    U+9879-987B,
    U+9884,
    U+9886,
    U+9898,
    U+989D,
    U+996E,
    U+9996,
    U+9A8C,
    U+9AA4,
    U+9AD8,
    U+9ED8,
    U+9F50,
    U+FF08-FF09,
    U+FF0C,
    U+FF1A-FF1B,
    U+FF1F;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-00-XNE4NVEP.woff2") format("woff2");
  unicode-range:
    U+100-103,
    U+110-113,
    U+11A-11B,
    U+128-12B,
    U+143-144,
    U+147-148,
    U+14C-14F,
    U+152-153,
    U+168-16D,
    U+192,
    U+1A0-1A1,
    U+1AF-1B0,
    U+1CD-1DC,
    U+1F8-1F9,
    U+251,
    U+261,
    U+2BB,
    U+2C7,
    U+2C9-2CB,
    U+2D9,
    U+2EA-2EB,
    U+300-301,
    U+304,
    U+307,
    U+30C,
    U+391-3A1,
    U+3A3-3A9,
    U+3B1-3C9,
    U+401,
    U+410-44F,
    U+451,
    U+1E3E-1E3F,
    U+1EA0-1EF9,
    U+2002-2003,
    U+2010-2012,
    U+2015-2016,
    U+2018-201A,
    U+201E,
    U+2020-2021,
    U+2025,
    U+2027,
    U+2030,
    U+2032-2033,
    U+2035,
    U+2039-203C,
    U+2042,
    U+2047-2049,
    U+2051,
    U+2074,
    U+20A9,
    U+20AB-20AC,
    U+20DD-20DE,
    U+2100,
    U+2103,
    U+2105,
    U+2109-210A,
    U+210F,
    U+2113,
    U+2116,
    U+2121-2122,
    U+2126-2127,
    U+212B,
    U+212E,
    U+2135,
    U+213B,
    U+2160-216B,
    U+2170-217B,
    U+2190-2191,
    U+2193-2199,
    U+21B8-21B9,
    U+21C4-21C6,
    U+21CB-21CC,
    U+21D0,
    U+21D2,
    U+21D4,
    U+21E6-21E9,
    U+21F5,
    U+2200,
    U+2202-2203,
    U+2205-220B,
    U+220F,
    U+2211-2213,
    U+2215,
    U+221A,
    U+221D-2220,
    U+2223,
    U+2225-222E,
    U+2234-2237,
    U+223D,
    U+2243,
    U+2245,
    U+2248,
    U+224C,
    U+2260-2262,
    U+2264-2267,
    U+226A-226B,
    U+226E-226F,
    U+2272-2273,
    U+2276-2277,
    U+2282-2287,
    U+228A-228B,
    U+2295-2299,
    U+22A0,
    U+22A5,
    U+22BF,
    U+22DA-22DB,
    U+22EF,
    U+2305-2307,
    U+2312,
    U+2318,
    U+2329-232A,
    U+23B0-23B1,
    U+23BE-23CC,
    U+23CE,
    U+23DA-23DB,
    U+2423,
    U+2460-2584;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-01-K6KOQWNA.woff2") format("woff2");
  unicode-range:
    U+2585-25AB,
    U+25B1-25B3,
    U+25B6-25B7,
    U+25BC-25BD,
    U+25C0-25C1,
    U+25C6-25C7,
    U+25C9-25CC,
    U+25CE-25D3,
    U+25E2-25E6,
    U+25EF,
    U+2600-2603,
    U+2605-2606,
    U+2609,
    U+260E-260F,
    U+2616-2617,
    U+261C-261F,
    U+262F,
    U+2640-2642,
    U+2660-266F,
    U+2672-267D,
    U+26A0,
    U+26BD-26BE,
    U+2702,
    U+2713,
    U+271A,
    U+273D,
    U+273F-2740,
    U+2756,
    U+2776-2793,
    U+27A1,
    U+2934-2935,
    U+29BF,
    U+29FA-29FB,
    U+2B05-2B07,
    U+2B1A,
    U+2B95,
    U+2E3A-2E3B,
    U+2E80-2E99,
    U+2E9B-2EF3,
    U+2F00-2FD5,
    U+2FF0-2FFB,
    U+3000,
    U+3003-303F,
    U+3041-3096,
    U+3099-30FF,
    U+3105-310E;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-02-RUCIHTIU.woff2") format("woff2");
  unicode-range:
    U+310F-312F,
    U+3131-3163,
    U+3165-318E,
    U+3190-31BB,
    U+31C0-31E3,
    U+31F0-321E,
    U+3220-332B,
    U+332D-3423;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-03-437QGYGZ.woff2") format("woff2");
  unicode-range: U+3424-3723;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-04-WF6NYQJ3.woff2") format("woff2");
  unicode-range: U+3724-3A23;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-05-XIQ6JGKS.woff2") format("woff2");
  unicode-range: U+3A24-3D23;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-06-VK4PPVKY.woff2") format("woff2");
  unicode-range: U+3D24-4023;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-07-LBVDJI6X.woff2") format("woff2");
  unicode-range: U+4024-4323;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-08-E6Y4XT3S.woff2") format("woff2");
  unicode-range: U+4324-4623;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-09-KY6TCNFI.woff2") format("woff2");
  unicode-range: U+4624-4923;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-10-HEEHTUXV.woff2") format("woff2");
  unicode-range: U+4924-4C23;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-11-BQXEVRCW.woff2") format("woff2");
  unicode-range:
    U+4C24-4DB5,
    U+4E01-4E08,
    U+4E0C,
    U+4E0F-4E13,
    U+4E15-4E19,
    U+4E1B-4E23,
    U+4E25-4E29,
    U+4E2B-4E2C,
    U+4E2E-4E31,
    U+4E33-4E39,
    U+4E3C-4E47,
    U+4E49-4E4A,
    U+4E4C-4E5C,
    U+4E5E,
    U+4E60-4E85,
    U+4E87,
    U+4E89-4E8A,
    U+4E8C-4E8D,
    U+4E8F-4E9A,
    U+4E9C-4EA3,
    U+4EA5-4EA6,
    U+4EA8-4EAA,
    U+4EAD-4EB9,
    U+4EBB-4EBF,
    U+4EC1-4EC4,
    U+4EC6-4EC9,
    U+4ECC,
    U+4ECF-4ED2,
    U+4ED4-4ED5,
    U+4ED7,
    U+4ED9-4EE2,
    U+4EE6-4EEB,
    U+4EED-4EF5,
    U+4EF8-4EFA,
    U+4EFC,
    U+4EFE-4F00,
    U+4F02-4F17,
    U+4F19,
    U+4F1B-4F1F,
    U+4F21-4F2F,
    U+4F31-4F3B,
    U+4F3D-4F45,
    U+4F47-4F4C,
    U+4F4E,
    U+4F50-4F52,
    U+4F54,
    U+4F56-4F58,
    U+4F5A-4F5B,
    U+4F5D-4F5F,
    U+4F61-4F7E,
    U+4F80-4F8A,
    U+4F8C-4F9A,
    U+4F9C,
    U+4F9E-4FAC;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-12-QLJE5YYX.woff2") format("woff2");
  unicode-range:
    U+4FAD-4FBE,
    U+4FC0-4FDC,
    U+4FDE-4FE0,
    U+4FE2-4FED,
    U+4FEF-5018,
    U+501A-503B,
    U+503D-504E,
    U+5050-5059,
    U+505B,
    U+505D-50A7,
    U+50A9-5140,
    U+5142-5144,
    U+5146-5147,
    U+5149-514C,
    U+514E-5150,
    U+5152-5164,
    U+5166-5167,
    U+5169-516B,
    U+516D-5170,
    U+5172,
    U+5174-5175,
    U+5178-517B,
    U+517D-5184,
    U+5186-518B,
    U+518E-5198,
    U+519A-51B2,
    U+51B4,
    U+51B6-51BA,
    U+51BC-51C5,
    U+51C7-51CE,
    U+51D0,
    U+51D2-51EC,
    U+51EE-51F9,
    U+51FC-5205,
    U+5208-5211,
    U+5213-5216,
    U+5218,
    U+521C-5223,
    U+5225-522A,
    U+522C-522F,
    U+5231-5235,
    U+5238-524C,
    U+524E-5268,
    U+526A-526E,
    U+5270-529A,
    U+529C-529D,
    U+52A2-52A7,
    U+52AA-52E6;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-13-N6LFUFDY.woff2") format("woff2");
  unicode-range:
    U+52E7-5304,
    U+5306-5315,
    U+5318-5338,
    U+533B-5340,
    U+5342-534E,
    U+5350-5354,
    U+5356,
    U+5358-535F,
    U+5361-536F,
    U+5371-5372,
    U+5374-5377,
    U+5379-5385,
    U+5387-539E,
    U+53A0-53BA,
    U+53BC-53C1,
    U+53C3-53C9,
    U+53CB,
    U+53CD-53D0,
    U+53D2-53D5,
    U+53D9-53DF,
    U+53E1-53E2,
    U+53E4,
    U+53E7-53E9,
    U+53EB-53EE,
    U+53F1,
    U+53F4-53F6,
    U+53F9-5403,
    U+5405-5407,
    U+5409-540B,
    U+540F-5410,
    U+5412-5425,
    U+5427-542A,
    U+542C-542E,
    U+5430-5457,
    U+5459-5472,
    U+5474-547C,
    U+547E-548B,
    U+548D-54C0,
    U+54C2-54CC,
    U+54CE-54E9,
    U+54EB-552D,
    U+552F-5545,
    U+5547-5583,
    U+5585-561B;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-14-452SDUZS.woff2") format("woff2");
  unicode-range:
    U+561C-5667,
    U+5669-56DA,
    U+56DC-56DD,
    U+56DF,
    U+56E1,
    U+56E3-56F3,
    U+56F5-56F9,
    U+56FB-56FC,
    U+56FF-5727,
    U+5729-572F,
    U+5731-5739,
    U+573B-573F,
    U+5741-5746,
    U+5748-578A,
    U+578C-57CD,
    U+57CF-57DE,
    U+57E0-57F9,
    U+57FB-586A,
    U+586C-5882,
    U+5884-589D,
    U+589F-5903,
    U+5905-5906,
    U+5908-590C,
    U+590E-5915,
    U+5917-5919,
    U+591B-5926,
    U+5928,
    U+592A-5930,
    U+5932-5933,
    U+5935-5939;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-15-SDJIVFYT.woff2") format("woff2");
  unicode-range:
    U+593A-5956,
    U+5958-597C,
    U+597E-5981,
    U+5983-59A4,
    U+59A6-59CA,
    U+59CC-5A00,
    U+5A02-5B56,
    U+5B59-5B82,
    U+5B84,
    U+5B86-5B88,
    U+5B8A-5B8B,
    U+5B8D-5B97,
    U+5B99,
    U+5B9B-5B9D,
    U+5B9F-5BA0,
    U+5BA3-5BB5,
    U+5BB7-5BB8,
    U+5BBA-5BBC,
    U+5BBE-5BC5,
    U+5BC7-5BF7,
    U+5BFA-5BFB,
    U+5BFD-5C03,
    U+5C05,
    U+5C07-5C0E,
    U+5C10,
    U+5C12-5C19,
    U+5C1B-5C30,
    U+5C32-5C39,
    U+5C3B-5C3C,
    U+5C3F-5C41,
    U+5C43-5C54,
    U+5C56-5C5C;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-16-TSPKMTQT.woff2") format("woff2");
  unicode-range:
    U+5C5D,
    U+5C5F-5DE4,
    U+5DE6-5DED,
    U+5DEF-5DF0,
    U+5DF3-5E00,
    U+5E04-5E25,
    U+5E27-5E2D,
    U+5E2F-5E37,
    U+5E39-5E41,
    U+5E43-5E72,
    U+5E75,
    U+5E77-5E8E,
    U+5E90-5E92,
    U+5E95-5EA5,
    U+5EA7-5EF9,
    U+5EFB-5EFF,
    U+5F01,
    U+5F03-5F0E,
    U+5F10-5F14,
    U+5F16-5F51,
    U+5F54,
    U+5F56-5F61,
    U+5F63-5F70,
    U+5F72-5F79;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-17-EFAGDAMR.woff2") format("woff2");
  unicode-range:
    U+5F7A-5F7F,
    U+5F81-5F83,
    U+5F86-5F96,
    U+5F98-5FC2,
    U+5FC4,
    U+5FC6-5FD6,
    U+5FD9-5FEA,
    U+5FEC-6000,
    U+6002-600D,
    U+600F-6026,
    U+6028-603A,
    U+603C-6061,
    U+6063-606E,
    U+6070-60C4,
    U+60C6-610E,
    U+6110-620F,
    U+6212-6215,
    U+6217-6229,
    U+622B-6236,
    U+6238-623F,
    U+6241-624A,
    U+624C,
    U+624E-6252,
    U+6254-6257,
    U+6259-6266,
    U+6268,
    U+626A-6278,
    U+627A-627D,
    U+6280-6289,
    U+628B-629A;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-18-NCRJJFAI.woff2") format("woff2");
  unicode-range:
    U+629B-62A3,
    U+62A6-62C5,
    U+62C7-62D1,
    U+62D3-62E8,
    U+62EA-62FB,
    U+62FD-62FE,
    U+6300,
    U+6302-6306,
    U+6308,
    U+630A-6361,
    U+6363-636D,
    U+636F-6387,
    U+6389-6391,
    U+6393-63A4,
    U+63A6,
    U+63A9,
    U+63AB-63CE,
    U+63D1-641B,
    U+641D-6439,
    U+643B-6457,
    U+6459-64A3,
    U+64A5-64CC,
    U+64CF-652E,
    U+6530-6535,
    U+6537-6538,
    U+653A-653D,
    U+653F-6547,
    U+6549-654E,
    U+6550-656F,
    U+6571-6573,
    U+6575-6586,
    U+6588-6598,
    U+659A-65AC,
    U+65AE-65AF,
    U+65B1-65B8,
    U+65BA-65BC,
    U+65BE-65C2;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-19-4G6ZRYD2.woff2") format("woff2");
  unicode-range:
    U+65C3-65DF,
    U+65E1-65E4,
    U+65E6,
    U+65E8,
    U+65EA-65F5,
    U+65F7-660D,
    U+660F-6612,
    U+6614-661F,
    U+6621-662E,
    U+6630-663D,
    U+663F-666D,
    U+6670-6681,
    U+6683-66F3,
    U+66F5-66FE,
    U+6701-6708,
    U+670A-670C,
    U+670E-671E,
    U+6720-6727,
    U+6729,
    U+672B,
    U+672D-6739,
    U+673B-6742,
    U+6744-674F,
    U+6751-675E,
    U+6760,
    U+6762-6764,
    U+6766-676E,
    U+6770-677D,
    U+6780-6783,
    U+6785-6799,
    U+679B,
    U+679D-67DB,
    U+67DD-67E4,
    U+67E6-6806,
    U+6808-6820,
    U+6822-6836,
    U+683A-683B,
    U+683D-6845,
    U+6847,
    U+6849-6862,
    U+6864-68BF,
    U+68C1-68F0;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-20-SS3DNJEX.woff2") format("woff2");
  unicode-range:
    U+68F1-6981,
    U+6983-6A20,
    U+6A22-6A29,
    U+6A2B-6B20,
    U+6B23-6B3D,
    U+6B3F-6B61,
    U+6B66-6BB4,
    U+6BB6-6BCE,
    U+6BD0-6BFC;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-21-LZCNCVM6.woff2") format("woff2");
  unicode-range:
    U+6BFD-6C33,
    U+6C35-6C41,
    U+6C43-6C46,
    U+6C48-6CA0,
    U+6CA2-6CB8,
    U+6CBA-6CBE,
    U+6CC0-6CD4,
    U+6CD6-6CE0,
    U+6CE2-6CE7,
    U+6CE9-6D40,
    U+6D42-6D4A,
    U+6D4C-6D4E,
    U+6D50-6D76,
    U+6D78-6D87,
    U+6D89-6DFA,
    U+6DFC-6E04,
    U+6E06-6E1F,
    U+6E21-6E28,
    U+6E2A-6E37,
    U+6E39-6E8F,
    U+6E91-6EAE,
    U+6EB0-6ED9,
    U+6EDB-6EE0,
    U+6EE2-6F13;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-22-GPA6DV4S.woff2") format("woff2");
  unicode-range:
    U+6F14-70B8,
    U+70BA-7135,
    U+7137-7166,
    U+7168-71C2,
    U+71C4-7217;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-23-B2R3TGTZ.woff2") format("woff2");
  unicode-range:
    U+7218-7247,
    U+7249-724B,
    U+724D-725A,
    U+725C-7268,
    U+726A-72B5,
    U+72B7-72EB,
    U+72ED-7386,
    U+7388-73AE,
    U+73B1-7405,
    U+7407-751E,
    U+7520-7522;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-24-3FSOTABN.woff2") format("woff2");
  unicode-range:
    U+7523-7527,
    U+7529-7530,
    U+7532,
    U+7534-754B,
    U+754D-7558,
    U+755A-767A,
    U+767C-7683,
    U+7685-76D7,
    U+76D9-76ED,
    U+76EF-76F3,
    U+76F5-76F7,
    U+76F9-7700,
    U+7702-770A,
    U+770C-771E,
    U+7720-773F,
    U+7741-77E4,
    U+77E6-77EC,
    U+77EE-7800,
    U+7802-7834;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-25-J4E5GCRQ.woff2") format("woff2");
  unicode-range:
    U+7835-783F,
    U+7841-786D,
    U+786F-7939,
    U+793B-7967,
    U+7969-79BA,
    U+79BC-79C0,
    U+79C2-79CC,
    U+79CE-79EE,
    U+79F1-79FA,
    U+79FC-7A0A,
    U+7A0C,
    U+7A0F-7A3E,
    U+7A40-7A79,
    U+7A7B-7A96,
    U+7A98-7ACA,
    U+7ACC-7AD8,
    U+7ADA-7AEE,
    U+7AF0-7B25,
    U+7B27-7B2B,
    U+7B2D-7B48,
    U+7B4A;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-26-WZFQZ7NW.woff2") format("woff2");
  unicode-range:
    U+7B4B-7B5A,
    U+7B5C-7B7D,
    U+7B7F-7B96,
    U+7B98-7BA0,
    U+7BA2-7BB0,
    U+7BB2-7C7A,
    U+7C7C-7C97,
    U+7C99-7CBD,
    U+7CBF-7CFA,
    U+7CFC-7D21,
    U+7D23-7D26,
    U+7D28-7E55;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-27-QPWGOZ3A.woff2") format("woff2");
  unicode-range:
    U+7E56-7EA5,
    U+7EA8-7EB2,
    U+7EB4-7EB7,
    U+7EB9-7EBE,
    U+7EC0-7EC3,
    U+7EC5,
    U+7EC9-7ECC,
    U+7ECE,
    U+7ED0,
    U+7ED2,
    U+7ED4,
    U+7ED6-7ED8,
    U+7EDA-7EDB,
    U+7EDE,
    U+7EE0-7EE6,
    U+7EE8-7EE9,
    U+7EEB-7EEC,
    U+7EEE-7EF3,
    U+7EF5-7EFF,
    U+7F01-7F15,
    U+7F17-7F28,
    U+7F2A-7F33,
    U+7F35-7F39,
    U+7F3B-7F50,
    U+7F52-7F6D,
    U+7F6F-7F8D,
    U+7F8F-7FFA,
    U+7FFC-8002,
    U+8004,
    U+8006-8016,
    U+8018-8049,
    U+804B,
    U+804D-8053,
    U+8055-80FC,
    U+80FE-8119,
    U+811B-8130,
    U+8132-817D;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-28-UFUP7VYL.woff2") format("woff2");
  unicode-range:
    U+817E-81E9,
    U+81EB-81F2,
    U+81F5-8229,
    U+822B-8230,
    U+8232-8271,
    U+8273-8281,
    U+8283-82E4,
    U+82E6-8302,
    U+8304-8348,
    U+834A-834F,
    U+8351-83B6,
    U+83B8-83DB,
    U+83DD-8424,
    U+8426-848B;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-29-HFOJAAGR.woff2") format("woff2");
  unicode-range: U+848C-878B;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-30-YUV33SOY.woff2") format("woff2");
  unicode-range:
    U+878C-884B,
    U+884D-8856,
    U+8858-8864,
    U+8866-8867,
    U+8869-88AA,
    U+88AC-88C4,
    U+88C6-8980,
    U+8982-89C0,
    U+89C2-89C3,
    U+89C5,
    U+89C7,
    U+89C9-89D1,
    U+89D3-89E2,
    U+89E4-8A98;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-31-FW77YQ6S.woff2") format("woff2");
  unicode-range:
    U+8A99-8BA0,
    U+8BA3,
    U+8BA5-8BA8,
    U+8BAA-8BAD,
    U+8BAF,
    U+8BB1-8BB7,
    U+8BB9,
    U+8BBB-8BBD,
    U+8BC0,
    U+8BC2-8BC3,
    U+8BC5,
    U+8BC7-8BC9,
    U+8BCB-8BD0,
    U+8BD2-8BD4,
    U+8BD6-8BDC,
    U+8BDE-8BE1,
    U+8BE3-8BE4,
    U+8BE7-8BEE,
    U+8BF0-8BF3,
    U+8BF5-8BF6,
    U+8BF8-8BFA,
    U+8BFC-8C00,
    U+8C02,
    U+8C04-8C60,
    U+8C62-8D1E,
    U+8D20-8D22,
    U+8D24,
    U+8D29-8D33,
    U+8D35-8D37,
    U+8D3A-8D43,
    U+8D45-8D55,
    U+8D57-8D76,
    U+8D78-8D84,
    U+8D86-8DB2,
    U+8DB4-8DC1;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-32-OFIRSQYO.woff2") format("woff2");
  unicode-range:
    U+8DC2-8DDE,
    U+8DE0-8DE7,
    U+8DE9-8DEE,
    U+8DF0-8DF2,
    U+8DF4-8EAA,
    U+8EAC-8F6B,
    U+8F6D,
    U+8F6F-8F7A,
    U+8F7C,
    U+8F7E-8F82,
    U+8F84-8F90,
    U+8F92,
    U+8F94-8FB8,
    U+8FBA-8FBD,
    U+8FBF-8FC6,
    U+8FC8-8FCD,
    U+8FCF,
    U+8FD2-8FD3,
    U+8FD5-8FD7,
    U+8FDA,
    U+8FDD,
    U+8FDF-8FEF,
    U+8FF1-8FFC,
    U+8FFE-8FFF,
    U+9003-9008,
    U+900A-900F,
    U+9011,
    U+9013,
    U+9015-9019,
    U+901B-901E,
    U+9021-9046,
    U+9048-9052,
    U+9054-9056,
    U+9058-907E,
    U+9081-90AD,
    U+90AF-90E7,
    U+90E9-90EC;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-33-Z7XXL3Y5.woff2") format("woff2");
  unicode-range:
    U+90ED-90FC,
    U+90FE-914C,
    U+914E-91C9,
    U+91CB,
    U+91CE,
    U+91D0,
    U+91D2-9273,
    U+9275-93F4;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-34-BP2WBQ6D.woff2") format("woff2");
  unicode-range:
    U+93F5-949E,
    U+94A0-94A1,
    U+94A3-94A4,
    U+94A6-94AD,
    U+94AF-94C0,
    U+94C2-94DC,
    U+94DE-94FD,
    U+94FF,
    U+9501-9507,
    U+9509-9518,
    U+951A-952D,
    U+952F-957E,
    U+9580-95E7,
    U+95E9-95EC,
    U+95EF-95F3,
    U+95F5-9604,
    U+9606-961E,
    U+9620-9631,
    U+9633-963A,
    U+963C-9643,
    U+9646-964F,
    U+9651-9663,
    U+9665-968E,
    U+9690-9693,
    U+9695-96C5,
    U+96C7-96F5,
    U+96F7-96FF,
    U+9701-9711;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-35-ZGHOYNGG.woff2") format("woff2");
  unicode-range:
    U+9712-9761,
    U+9763-9874,
    U+9876-9878,
    U+987C-9883,
    U+9885,
    U+9887-9897,
    U+9899-989C,
    U+989E-996D,
    U+996F-9995,
    U+9997-9A1C;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-36-GWTOEB4A.woff2") format("woff2");
  unicode-range:
    U+9A1D-9A8B,
    U+9A8D-9AA3,
    U+9AA5-9AD7,
    U+9AD9-9D1F;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-37-YYIQAFGT.woff2") format("woff2");
  unicode-range:
    U+9D20-9ED7,
    U+9ED9-9F4F,
    U+9F51-9FEF,
    U+F900-F903,
    U+F905-F906,
    U+F90B-F90C,
    U+F915,
    U+F917-F91A,
    U+F921,
    U+F92C-F92D,
    U+F92F,
    U+F931-F935,
    U+F937-F93A,
    U+F943,
    U+F947-F94A,
    U+F94E,
    U+F952-F953,
    U+F95E,
    U+F962-F967,
    U+F96E,
    U+F972,
    U+F974,
    U+F976,
    U+F979-F97B,
    U+F97E-F97F;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-38-FYACVF5R.woff2") format("woff2");
  unicode-range:
    U+F980,
    U+F984-F985,
    U+F98A-F98C,
    U+F98E,
    U+F993,
    U+F995,
    U+F998,
    U+F9AE,
    U+F9B3,
    U+F9B7,
    U+F9BB,
    U+F9BD-F9BE,
    U+F9C0,
    U+F9C5-F9C6,
    U+F9D0,
    U+F9D8-F9D9,
    U+F9DC-F9E0,
    U+F9E2-F9E4,
    U+F9E7,
    U+F9E9,
    U+F9F1,
    U+F9F4-F9F5,
    U+F9FA,
    U+F9FD,
    U+F9FF,
    U+FA02,
    U+FA05-FA08,
    U+FA0A,
    U+FA0C-FA0F,
    U+FA11,
    U+FA13-FA14,
    U+FA18,
    U+FA1F-FA21,
    U+FA23-FA24,
    U+FA27-FA29,
    U+FA2F,
    U+FA33-FA35,
    U+FA37-FA38,
    U+FA3A,
    U+FA47,
    U+FA49,
    U+FA4B,
    U+FA5D-FA5E,
    U+FB00-FB04,
    U+FE10-FE19,
    U+FE30-FE52,
    U+FE54-FE66,
    U+FE68-FE6B,
    U+FF01-FF07,
    U+FF0A-FF0B,
    U+FF0D-FF19,
    U+FF1C-FF1E,
    U+FF20-FF9F,
    U+FFA1-FFBE,
    U+FFC2-FFC7,
    U+FFCA-FFCF,
    U+FFD2-FFD7,
    U+FFDA-FFDC,
    U+FFE0-FFE6,
    U+FFE8-FFEE,
    U+1F100-1F10C,
    U+1F110-1F16C,
    U+1F170-1F1AC,
    U+1F200-1F202,
    U+1F210-1F23B,
    U+1F240-1F248,
    U+1F250-1F251,
    U+20087,
    U+20089,
    U+200CC,
    U+20164,
    U+20628,
    U+20676,
    U+20CD0,
    U+2139A,
    U+21413,
    U+215D7,
    U+2298F,
    U+235CB,
    U+23C97-23C98,
    U+23E23,
    U+241FE,
    U+2420E,
    U+248E9,
    U+249DB,
    U+24A01,
    U+24A7D,
    U+24AC9,
    U+25532,
    U+25562,
    U+255A8,
    U+25AD7,
    U+25ED7,
    U+26221,
    U+2648D,
    U+26676,
    U+2677C,
    U+26951,
    U+26B5C,
    U+26C21,
    U+278B2,
    U+27EAF,
    U+27FB7,
    U+27FF9,
    U+28408,
    U+28678,
    U+28695,
    U+287E0,
    U+28B49,
    U+28C47,
    U+28C4F,
    U+28C51,
    U+28C54,
    U+28E0F,
    U+28E99,
    U+2967F,
    U+29810,
    U+29F7E,
    U+29F83,
    U+29F8C,
    U+2A7DD,
    U+2A8FB,
    U+2A917,
    U+2AA30,
    U+2AA36,
    U+2AA58,
    U+2AFA2,
    U+2B127-2B128,
    U+2B137-2B138,
    U+2B1ED,
    U+2B300,
    U+2B363,
    U+2B36F,
    U+2B372,
    U+2B37D,
    U+2B404,
    U+2B410,
    U+2B413,
    U+2B461,
    U+2B4E7,
    U+2B4EF,
    U+2B4F6,
    U+2B4F9,
    U+2B50D-2B50E,
    U+2B536,
    U+2B5AE-2B5AF,
    U+2B5B3,
    U+2B5E7,
    U+2B5F4,
    U+2B61C-2B61D,
    U+2B626-2B628,
    U+2B62A,
    U+2B62C,
    U+2B695-2B696,
    U+2B6AD,
    U+2B6ED,
    U+2B7A9,
    U+2B7C5,
    U+2B7E6,
    U+2B7F9,
    U+2B7FC,
    U+2B806,
    U+2B80A,
    U+2B81C,
    U+2B8B8,
    U+2BAC7,
    U+2BB5F,
    U+2BB62,
    U+2BB7C,
    U+2BB83,
    U+2BC1B,
    U+2BD77,
    U+2BD87,
    U+2BDF7,
    U+2BE29,
    U+2C029-2C02A,
    U+2C0A9,
    U+2C0CA,
    U+2C1D5,
    U+2C1D9,
    U+2C1F9,
    U+2C27C,
    U+2C288,
    U+2C2A4,
    U+2C317,
    U+2C35B,
    U+2C361,
    U+2C364,
    U+2C488,
    U+2C494,
    U+2C497,
    U+2C542,
    U+2C613,
    U+2C618,
    U+2C621,
    U+2C629,
    U+2C62B-2C62D,
    U+2C62F,
    U+2C642,
    U+2C64A-2C64B,
    U+2C72C,
    U+2C72F,
    U+2C79F,
    U+2C7C1,
    U+2C7FD,
    U+2C8D9,
    U+2C8DE,
    U+2C8E1,
    U+2C8F3,
    U+2C907,
    U+2C90A,
    U+2C91D,
    U+2CA02,
    U+2CA0E,
    U+2CA7D,
    U+2CAA9,
    U+2CB29,
    U+2CB2D-2CB2E,
    U+2CB31,
    U+2CB38-2CB39,
    U+2CB3B,
    U+2CB3F,
    U+2CB41,
    U+2CB4A,
    U+2CB4E,
    U+2CB5A-2CB5B,
    U+2CB64,
    U+2CB69,
    U+2CB6C,
    U+2CB6F,
    U+2CB73;
}
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/console/fonts/noto-sans-sc-39-G6PMACN2.woff2") format("woff2");
  unicode-range:
    U+2CB76,
    U+2CB78,
    U+2CB7C,
    U+2CBB1,
    U+2CBBF-2CBC0,
    U+2CBCE,
    U+2CC56,
    U+2CC5F,
    U+2CCF5-2CCF6,
    U+2CCFD,
    U+2CCFF,
    U+2CD02-2CD03,
    U+2CD0A,
    U+2CD8B,
    U+2CD8D,
    U+2CD8F-2CD90,
    U+2CD9F-2CDA0,
    U+2CDA8,
    U+2CDAD-2CDAE,
    U+2CDD5,
    U+2CE18,
    U+2CE1A,
    U+2CE23,
    U+2CE26,
    U+2CE2A,
    U+2CE7C,
    U+2CE88,
    U+2CE93,
    U+2D544,
    U+2F884,
    U+2F8B6,
    U+30EDD-30EDE,
    U+3106C;
}

/* apps/console/styles.css */
:root {
  color-scheme: light;
  --ink:#202939;
  --muted:#637083;
  --canvas:#f6f7fb;
  --surface:#fff;
  --soft:#f8f9fc;
  --sidebar:#f1f2f5;
  --line:#e1e5ec;
  --strong:#cbd2dc;
  --brand:#3659db;
  --brand-dark:#2947bd;
  --blue-soft:#eef2ff;
  --green:#227a50;
  --green-soft:#edf8f2;
  --amber:#88580e;
  --amber-soft:#fff7e7;
  --red:#b23a48;
  --red-soft:#fff0f2;
  --radius:12px;
  --font:"Manrope","Noto Sans SC",sans-serif;
  --font-code:"JetBrains Mono","Noto Sans SC",monospace;
}
* {
  box-sizing: border-box;
}
html {
  min-width: 0;
  background: var(--canvas);
}
body {
  margin: 0;
  color: var(--ink);
  background: var(--canvas);
  font: 16px/1.65 var(--font);
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: .6;
}
a {
  color: var(--brand);
  text-underline-offset: 3px;
}
::selection {
  background: #dfe6ff;
  color: var(--ink);
}
input,
textarea {
  caret-color: var(--brand);
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid #8197ee;
  outline-offset: 3px;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -.025em;
  font-weight: 750;
}
h2 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
h3 {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
}
small,
.muted {
  color: var(--muted);
}
small {
  font-size: 12px;
}
code,
pre {
  font-family: var(--font-code);
}
code {
  overflow-wrap: anywhere;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100;
  padding: 10px 16px;
  background: var(--ink);
  color: white;
  border-radius: 8px;
  transform: translateY(-180%);
}
.skip-link:focus {
  transform: none;
}
[hidden] {
  display: none !important;
}
.app-shell {
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr);
  min-height: 100dvh;
}
.sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  padding: 28px 16px 18px;
  background: var(--sidebar);
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 12px 30px;
  text-decoration: none;
  color: var(--ink);
}
.brand-mark {
  width: 30px;
  height: 32px;
  display: grid;
  place-items: center;
  background: var(--brand);
  border-radius: 8px;
  color: #fff;
}
.brand-mark svg {
  width: 20px;
  height: 20px;
}
.wordmark {
  font-size: 20px;
  font-weight: 750;
  letter-spacing: -.035em;
}
.brand small {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .02em;
  margin-top: -1px;
}
.nav-group {
  display: grid;
  gap: 4px;
  margin-bottom: 24px;
}
.nav-label {
  font-size: 12px;
  color: var(--muted);
  margin: 0 12px 8px;
}
.nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  border: 0;
  background: transparent;
  color: #465268;
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 42px;
  font-weight: 550;
}
.nav-item:hover {
  background: #e8ebf1;
}
.nav-item[aria-current=page] {
  background: #fff;
  color: var(--brand);
  font-weight: 700;
}
.nav-item svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.nav-count {
  margin-left: auto;
  font-size: 11px;
  border-radius: 4px;
  padding: 0 6px;
  background: #e8edf8;
}
.sidebar-footer {
  margin-top: auto;
  border-top: 1px solid var(--line);
  padding: 18px 12px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e0e6f4;
  color: #465679;
  font-weight: 650;
  flex: none;
}
.account-name {
  font-size: 13px;
  font-weight: 650;
}
.account-role {
  font-size: 11px;
  color: var(--muted);
}
.workspace {
  min-width: 0;
}
.topbar {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 40px;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}
.topbar-left,
.topbar-right {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.topbar-label {
  color: var(--muted);
  font-size: 13px;
}
.organization-select {
  max-width: 300px;
  border: 0;
  background: transparent;
  padding: 6px 24px 6px 0;
  font-weight: 650;
  color: var(--ink);
}
.environment-chip {
  font-size: 11px;
  padding: 3px 8px;
  border: 1px solid var(--strong);
  border-radius: 5px;
  color: #556277;
  white-space: nowrap;
}
.fixture-note {
  padding: 8px 40px;
  background: #eef2fb;
  border-bottom: 1px solid #dde4f5;
  color: #526181;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fixture-note button {
  border: 0;
  background: none;
  color: var(--brand);
  font-size: 12px;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mobile-menu {
  display: none;
}
#content {
  padding: 34px 40px 56px;
  max-width: 1550px;
  outline: 0;
}
.page-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 28px;
}
.page-head p {
  margin-top: 9px;
  color: var(--muted);
  max-width: 70ch;
}
.head-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-shrink: 0;
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 16px;
  background: white;
  border: 1px solid var(--strong);
  border-radius: 8px;
  color: var(--ink);
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}
.button:hover {
  background: #f1f4f9;
}
.button.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: white;
}
.button.primary:hover {
  background: var(--brand-dark);
}
.button.quiet {
  background: transparent;
  border-color: transparent;
  color: var(--muted);
}
.button.quiet:hover {
  color: var(--ink);
  background: #eef0f4;
}
.button.danger {
  border-color: #e5bdc5;
  color: var(--red);
}
.button.small {
  min-height: 32px;
  padding: 5px 11px;
  font-size: 12px;
}
.button svg {
  width: 17px;
  height: 17px;
}
.text-button {
  border: 0;
  background: none;
  padding: 4px 0;
  color: var(--brand);
  font-weight: 600;
  font-size: 13px;
}
.text-button:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.back-link {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  color: var(--muted);
  border: 0;
  background: none;
  padding: 0;
}
.back-link svg {
  width: 16px;
  height: 16px;
}
.panel {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: var(--radius);
  overflow: hidden;
}
.panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
}
.panel-head p {
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}
.panel-body {
  padding: 24px;
}
.panel + .panel {
  margin-top: 24px;
}
.home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
  gap: 24px;
  align-items: start;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 28px 0 14px;
}
.summary-line {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--line);
  padding-bottom: 24px;
  margin-bottom: 26px;
  color: var(--muted);
  font-size: 13px;
}
.summary-line strong {
  font-size: 17px;
  color: var(--ink);
  font-weight: 650;
  margin-right: 6px;
  font-variant-numeric: tabular-nums;
}
.task-list {
  padding: 0 24px;
}
.task-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.task-row:last-child {
  border-bottom: 0;
}
.task-row .task-copy {
  flex: 1;
  min-width: 0;
}
.task-row p {
  color: var(--muted);
  font-size: 12px;
  margin-top: 5px;
}
.task-row .task-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--brand);
  flex: none;
}
.task-icon svg {
  width: 24px;
  height: 24px;
}
.task-arrow {
  width: 18px;
  height: 18px;
  color: #7c889d;
  flex: none;
}
.service-list {
  padding: 0 24px;
}
.service-row {
  padding: 17px 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
}
.service-row:last-child {
  border-bottom: 0;
}
.service-row p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
  max-width: 32ch;
}
.service-row .badge {
  align-self: flex-start;
}
.guide-list {
  display: grid;
  gap: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.guide-list li {
  display: flex;
  gap: 13px;
}
.step-number {
  border-radius: 50%;
  border: 1px solid #d1daed;
  color: var(--brand);
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  font-size: 12px;
  flex: none;
}
.guide-list p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}
.inline-note {
  padding: 14px 18px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--soft);
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 20px;
}
.inline-note.warning {
  background: var(--amber-soft);
  border-color: #efdfbd;
  color: var(--amber);
}
.inline-note.error {
  background: var(--red-soft);
  border-color: #efcfd5;
  color: var(--red);
}
.inline-note.success {
  background: var(--green-soft);
  border-color: #cce5d7;
  color: var(--green);
}
.inline-note p + p {
  margin-top: 6px;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 550;
  border-radius: 5px;
  padding: 3px 7px;
  white-space: nowrap;
  background: #f0f2f5;
  color: #596579;
}
.badge.success {
  background: var(--green-soft);
  color: var(--green);
}
.badge.warning {
  background: var(--amber-soft);
  color: var(--amber);
}
.badge.error {
  background: var(--red-soft);
  color: var(--red);
}
.badge.info {
  background: var(--blue-soft);
  color: var(--brand);
}
.table-wrap {
  overflow: auto;
  scrollbar-color: #c6cfdf transparent;
}
table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  font-size: 13px;
}
th {
  padding: 12px 22px;
  background: #fafbfc;
  color: var(--muted);
  font-size: 11px;
  font-weight: 550;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
td {
  padding: 18px 22px;
  border-bottom: 1px solid #edf0f4;
  vertical-align: middle;
}
tbody tr:last-child td {
  border-bottom: 0;
}
tbody tr:hover {
  background: #fcfdff;
}
.cell-title {
  font-weight: 650;
  color: var(--ink);
  display: block;
}
.cell-detail {
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
  display: block;
  max-width: 38ch;
  overflow-wrap: anywhere;
}
.cell-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
}
.numeric {
  font-variant-numeric: tabular-nums;
}
.filters {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.search-input {
  max-width: 300px;
}
.tabs {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 26px;
  overflow-x: auto;
}
.tab {
  border: 0;
  background: transparent;
  padding: 12px 0;
  color: var(--muted);
  font-weight: 600;
  white-space: nowrap;
  position: relative;
}
.tab.active {
  color: var(--brand);
  border-bottom: 2px solid var(--brand);
}
.empty-state {
  padding: 48px 28px;
  text-align: center;
  max-width: 600px;
  margin: auto;
}
.empty-state h2 {
  font-size: 17px;
}
.empty-state p {
  margin: 9px auto 20px;
  max-width: 48ch;
  color: var(--muted);
  font-size: 13px;
}
.empty-symbol {
  width: 44px;
  height: 44px;
  margin: 0 auto 18px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: var(--blue-soft);
  color: var(--brand);
}
.empty-symbol svg {
  width: 24px;
  height: 24px;
}
.initial-state {
  padding: 12vh 0;
  text-align: center;
}
.initial-state h1 {
  margin: 30px 0 12px;
}
.initial-state p {
  color: var(--muted);
}
.form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 28px;
  align-items: start;
}
.form-panel {
  max-width: 940px;
}
.form-section + .form-section {
  border-top: 1px solid var(--line);
  margin-top: 28px;
  padding-top: 28px;
}
.form-section h2 {
  margin-bottom: 7px;
}
.form-section > p {
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 20px;
}
.field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.field.full {
  grid-column: 1/-1;
}
.field > label,
.field > span:first-child {
  font-size: 13px;
  font-weight: 600;
}
.field small {
  font-size: 11px;
  max-width: 60ch;
}
input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--strong);
  border-radius: 7px;
  background: white;
  min-height: 42px;
  padding: 10px 12px;
  color: var(--ink);
  line-height: 1.45;
}
textarea {
  min-height: 100px;
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: #637083;
  font-size: 13px;
}
input[type=checkbox],
input[type=radio] {
  width: 17px;
  height: 17px;
  min-height: 0;
  accent-color: var(--brand);
  flex: none;
}
input[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
  border-color: var(--red);
}
.field-error {
  font-size: 12px;
  color: var(--red);
}
.form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.form-actions .muted {
  margin-right: auto;
  font-size: 12px;
}
.choice-list {
  display: grid;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
}
.choice-row {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
}
.choice-row:last-child {
  border-bottom: 0;
}
.choice-row:hover {
  background: var(--soft);
}
.choice-row input {
  margin-top: 3px;
}
.choice-copy {
  flex: 1;
}
.choice-copy strong {
  display: block;
  font-size: 13px;
  font-weight: 650;
}
.choice-copy small {
  display: block;
  margin-top: 4px;
}
.choice-row:has(input:checked) {
  background: #f4f6ff;
}
.detail-list {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 15px 20px;
  font-size: 13px;
  margin: 0;
}
.detail-list dt {
  color: var(--muted);
}
.detail-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.detail-list dd .badge {
  margin: 0 4px 4px 0;
}
.detail-list + .detail-list {
  border-top: 1px solid var(--line);
  padding-top: 22px;
  margin-top: 22px;
}
.side-help {
  padding-top: 8px;
  color: var(--muted);
  font-size: 12px;
}
.side-help h3 {
  color: var(--ink);
  margin-bottom: 12px;
}
.side-help p + p {
  margin-top: 12px;
}
.side-help ol {
  padding-left: 18px;
}
.side-help li {
  margin: 10px 0;
}
.status-chain {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin: 24px 0;
}
.status-step {
  padding: 0 18px;
  border-right: 1px solid var(--line);
}
.status-step:first-child {
  padding-left: 0;
}
.status-step:last-child {
  border: 0;
}
.status-step small {
  display: block;
  margin-bottom: 8px;
}
.status-step strong {
  font-size: 13px;
  font-weight: 600;
}
.code-block {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 20px;
  background: #f4f6fa;
  color: #364158;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.7;
}
.result-metric {
  font-size: 30px;
  letter-spacing: -.03em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.result-metric small {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  margin-left: 8px;
}
.result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.result-summary {
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.result-summary:first-child {
  padding-top: 0;
}
.result-summary:last-child {
  border: 0;
}
.result-summary p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 6px;
}
.login-shell {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: white;
}
.login-story {
  padding: 56px 64px;
  background: #eef2fb;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-story .brand {
  margin: 0 0 64px;
  align-self: flex-start;
}
.login-story h1 {
  max-width: 12ch;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -.035em;
}
.login-story > p {
  max-width: 44ch;
  color: #586780;
  line-height: 1.9;
  margin-top: 22px;
}
.login-features {
  margin-top: 42px;
  display: grid;
  gap: 19px;
}
.login-feature {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #3a4c70;
  font-size: 13px;
}
.login-feature svg {
  width: 19px;
  height: 19px;
  color: var(--brand);
}
.login-panel {
  max-width: 480px;
  width: 100%;
  margin: auto;
  padding: 48px;
}
.login-panel h2 {
  font-size: 25px;
}
.login-panel > p {
  color: var(--muted);
  margin-top: 10px;
  margin-bottom: 30px;
}
.identity-list {
  display: grid;
  gap: 10px;
}
.identity-option {
  display: flex;
  gap: 12px;
  align-items: center;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: white;
  padding: 15px;
}
.identity-option:hover {
  border-color: #9caee7;
  background: #f8faff;
}
.identity-option .identity-copy {
  flex: 1;
}
.identity-option strong {
  display: block;
  font-size: 13px;
}
.identity-option small {
  display: block;
  font-size: 11px;
  margin-top: 3px;
}
.login-fineprint {
  margin-top: 24px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.8;
}
.notification {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 80;
  background: var(--ink);
  color: white;
  border-radius: 8px;
  box-shadow: 0 8px 25px #20293925;
  padding: 12px 22px;
  max-width: min(600px, calc(100% - 32px));
  font-size: 13px;
}
.notification.error {
  background: #8f2d43;
}
dialog {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 28px;
  max-width: min(600px, calc(100% - 32px));
  color: var(--ink);
  box-shadow: 0 14px 50px #26334e25;
}
dialog::backdrop {
  background: #17213750;
}
dialog > p {
  margin: 16px 0;
  color: var(--muted);
  font-size: 13px;
}
.dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 26px;
}
.secret-value {
  display: block;
  padding: 20px;
  border: 1px solid var(--line);
  background: var(--soft);
  border-radius: 8px;
  font-size: 13px;
  user-select: all;
}
.pill-list {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.loading-line {
  height: 13px;
  width: 70%;
  background: #edf0f6;
  border-radius: 4px;
  margin: 14px 0;
}
.loading-line:nth-child(2) {
  width: 90%;
}
.loading-line:nth-child(3) {
  width: 50%;
}
@media (max-width: 1180px) {
  .topbar {
    padding: 0 28px;
  }
  #content {
    padding: 30px 28px 48px;
  }
  .fixture-note {
    padding: 8px 28px;
  }
  .home-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(270px, 1fr);
  }
  .form-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .side-help {
    display: none;
  }
  .login-story {
    padding: 40px;
  }
  .login-story h1 {
    font-size: 34px;
  }
  .login-panel {
    padding: 36px;
  }
}
@media (max-width: 900px) {
  .app-shell {
    display: block;
  }
  .sidebar {
    position: fixed;
    left: 0;
    top: 68px;
    bottom: 0;
    height: calc(100dvh - 68px);
    width: 260px;
    z-index: 40;
    box-shadow: 10px 12px 26px #20304715;
    display: none;
  }
  .sidebar.open {
    display: flex;
  }
  .sidebar .brand {
    display: none;
  }
  .mobile-menu {
    display: inline-flex;
  }
  .topbar {
    height: 68px;
    padding: 0 22px;
    position: sticky;
    top: 0;
    z-index: 45;
  }
  .topbar-label {
    display: none;
  }
  .organization-select {
    max-width: 240px;
  }
  .home-grid {
    grid-template-columns: 1fr;
  }
  .home-grid > .panel + .panel {
    margin-top: 0;
  }
  .login-shell {
    grid-template-columns: 1fr;
  }
  .login-story {
    padding: 36px 32px;
  }
  .login-story .brand {
    margin-bottom: 30px;
  }
  .login-story h1 {
    max-width: none;
    font-size: 29px;
  }
  .login-story > p {
    margin-top: 15px;
  }
  .login-features {
    display: none;
  }
  .login-panel {
    max-width: 520px;
    padding: 36px 32px;
  }
  .status-chain {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .status-step {
    padding: 0;
    border: 0;
  }
}
@media (max-width: 640px) {
  #content {
    padding: 26px 18px 40px;
  }
  .topbar {
    padding: 0 16px;
    gap: 10px;
  }
  .topbar-left {
    gap: 8px;
  }
  .topbar-right {
    gap: 4px;
  }
  .topbar-right .button {
    padding: 6px 10px;
  }
  .organization-select {
    max-width: 178px;
    font-size: 12px;
  }
  .environment-chip {
    font-size: 10px;
    padding: 3px 6px;
  }
  .fixture-note {
    padding: 8px 18px;
    font-size: 11px;
  }
  .fixture-note button {
    font-size: 11px;
    white-space: nowrap;
  }
  .page-head {
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 23px;
  }
  h1 {
    font-size: 25px;
  }
  .page-head p {
    font-size: 12px;
    margin-top: 8px;
  }
  .head-actions {
    width: 100%;
  }
  .head-actions .button {
    flex: 1;
  }
  .panel-head {
    padding: 19px;
  }
  .panel-body {
    padding: 20px;
  }
  .task-list,
  .service-list {
    padding: 0 20px;
  }
  .task-row {
    padding: 20px 0;
    gap: 12px;
  }
  .task-row .button {
    font-size: 11px;
    padding: 7px 10px;
    min-height: 36px;
  }
  .field-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .form-actions {
    flex-wrap: wrap;
  }
  .form-actions .muted {
    width: 100%;
    margin-bottom: 3px;
  }
  .form-actions > .button {
    flex: 1;
  }
  .summary-line {
    gap: 17px;
    font-size: 11px;
    padding-bottom: 20px;
  }
  .summary-line strong {
    font-size: 16px;
  }
  .filters {
    gap: 12px;
    flex-wrap: wrap;
  }
  .search-input {
    max-width: none;
  }
  th {
    padding: 11px 16px;
  }
  td {
    padding: 15px 16px;
  }
  .detail-list {
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 13px;
  }
  .tabs {
    gap: 22px;
    font-size: 12px;
  }
  .result-grid {
    grid-template-columns: 1fr;
  }
  .login-story {
    padding: 30px 24px;
  }
  .login-story .brand {
    margin-bottom: 25px;
  }
  .login-story h1 {
    font-size: 28px;
  }
  .login-story > p {
    font-size: 12px;
  }
  .login-panel {
    padding: 30px 24px;
  }
  .login-panel h2 {
    font-size: 22px;
  }
  .login-panel > p {
    font-size: 13px;
  }
  .empty-state {
    padding: 38px 22px;
  }
  .button {
    font-size: 12px;
  }
  .dialog-actions {
    flex-wrap: wrap;
  }
  .dialog-actions .button {
    flex: 1;
  }
  dialog {
    padding: 22px;
  }
  .status-step strong {
    font-size: 12px;
  }
}
.identity-option > svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.form-error:focus {
  outline: 0;
}
.cell-detail .pill-list {
  margin-top: 6px;
}
.nav-group .nav-label:not(:first-child) {
  margin-top: 16px;
}
.topbar .mobile-menu {
  display: none;
}
.topbar-label {
  white-space: nowrap;
  flex: none;
}
.organization-select {
  width: auto;
}
.topbar-left {
  flex: 1;
}
.login-story h1 {
  max-width: none;
  font-size: clamp(28px, 2.6vw, 40px);
  text-wrap: balance;
}
.notification {
  pointer-events: none;
}
.organization-select:disabled {
  appearance: none;
  opacity: 1;
  color: var(--ink);
}
@media (max-width: 900px) {
  .topbar .mobile-menu {
    display: inline-flex;
  }
}
@media (max-width: 640px) {
  .notification {
    top: 80px;
    bottom: auto;
  }
}
.business-layout {
  display: grid;
  grid-template-columns: minmax(330px, .9fr) minmax(0, 1.4fr);
  gap: 24px;
  align-items: start;
}
.business-input-panel {
  position: sticky;
  top: 24px;
}
.business-layout .form-section h3 {
  margin-bottom: 18px;
}
.business-layout .field-grid {
  margin-top: 18px;
}
.form-fineprint {
  font-size: 11px;
  line-height: 1.7;
  color: var(--muted);
  margin-top: 16px;
}
.business-details {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}
.business-details summary {
  cursor: pointer;
  font-weight: 650;
  color: var(--ink);
  padding: 4px 0;
}
.business-details > p {
  margin-top: 14px;
}
.country-result {
  border: 1px solid var(--line);
  border-radius: 10px;
  margin-top: 24px;
  overflow: hidden;
}
.country-result .panel-head {
  background: var(--soft);
}
.country-result table td {
  padding: 13px 8px;
}
.country-result table th {
  padding: 11px 8px;
}
.source-list {
  display: grid;
  gap: 0;
}
.source-row {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.source-row:last-child {
  border-bottom: 0;
}
.source-row > span,
.source-row > p {
  color: var(--muted);
}
.source-row > a {
  align-self: flex-start;
}
.candidate-list {
  display: grid;
  margin-top: 12px;
}
.candidate-row {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.candidate-row h3 {
  margin: 6px 0;
}
.candidate-row p {
  font-size: 12px;
  margin-bottom: 5px;
}
.candidate-row .button {
  flex: none;
}
.result-section {
  margin-top: 24px;
}
.result-section > p {
  font-size: 12px;
  margin-top: 6px;
}
.question-form {
  padding: 20px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.question-form h3 {
  margin-bottom: 16px;
}
.question-form .form-actions {
  padding: 0;
  border: 0;
  margin-top: 18px;
}
@media (max-width: 1180px) {
  .business-layout {
    grid-template-columns: minmax(310px, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  .business-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .business-input-panel {
    position: static;
  }
}
@media (max-width: 640px) {
  .candidate-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .business-layout .result-metric {
    font-size: 26px;
  }
  .country-result .panel-head {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .business-layout .field-grid {
    margin-top: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  * {
    animation: none !important;
    transition: none !important;
  }
}
.estimate-item {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 24px;
}
.estimate-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.estimate-item-head h3 {
  margin: 0;
}
.tax-result-row + .tax-result-row {
  border-top: 1px solid var(--line);
  margin-top: 28px;
  padding-top: 24px;
}
.batch-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
  color: var(--muted);
  font-size: 13px;
}
.result-metric small {
  font-size: 15px;
  font-weight: 500;
}
.code-sample {
  white-space: pre-wrap;
  word-break: break-word;
  background: #f4f7fa;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  font:
    12px/1.65 ui-monospace,
    SFMono-Regular,
    monospace;
  color: #344254;
  max-height: 320px;
  overflow: auto;
}
.api-diagnostic-result {
  margin-top: 22px;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}
.api-diagnostic-result pre {
  max-height: 260px;
}
.request-json {
  font:
    12px/1.6 ui-monospace,
    SFMono-Regular,
    monospace;
  min-height: 220px;
}
.business-stale {
  border-left: 1px solid #d4a147;
  padding: 10px 14px;
  background: #fff9ed;
  color: #786030;
  margin-top: 12px;
  font-size: 13px;
}
.tax-input-item,
.tax-result-row {
  border: 1px solid var(--border, #e2e6ee);
  border-radius: 8px;
  margin: 12px 0;
  scroll-margin-top: 100px;
}
.tax-input-item > summary,
.tax-result-row > summary {
  list-style: none;
  cursor: pointer;
  padding: 14px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tax-input-item > summary::-webkit-details-marker,
.tax-result-row > summary::-webkit-details-marker {
  display: none;
}
.tax-input-item > summary::before,
.tax-result-row > summary::before {
  content: "\203a";
  font-size: 20px;
  line-height: 1;
  color: #637083;
}
.tax-input-item[open] > summary::before,
.tax-result-row[open] > summary::before {
  transform: rotate(90deg);
}
.estimate-item-head > span:first-of-type {
  min-width: 0;
  flex: 1;
}
.estimate-item-head small {
  display: block;
  margin-top: 4px;
  color: #637083;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.estimate-item-body,
.tax-result-body {
  padding: 0 16px 16px;
}
.estimate-item-body > .text-button {
  display: block;
  margin: 0 0 12px auto;
}
#tax-results {
  scroll-margin-top: 100px;
}
::selection {
  background: #dce5ff;
  color: #1f347c;
}
input,
textarea {
  caret-color: var(--brand);
}
.customer-shell {
  min-height: 100dvh;
  background: #f8f9fc;
}
.customer-shell .workspace {
  min-width: 0;
}
.customer-shell > .sidebar {
  display: none;
}
.customer-shell .topbar {
  height: 88px;
  padding: 0 max(32px, calc((100vw - 1280px)/2));
  gap: 46px;
  background: white;
  border-bottom: 1px solid #e8ebf1;
}
.customer-shell .brand {
  padding: 0;
  margin: 0;
  flex-shrink: 0;
}
.customer-shell .brand-mark {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}
.customer-shell .wordmark {
  font-size: 22px;
  letter-spacing: -.035em;
}
.customer-shell .wordmark small {
  font-size: 10px;
  letter-spacing: .12em;
  margin-top: 3px;
}
.customer-navigation {
  display: flex;
  align-items: stretch;
  gap: 30px;
  align-self: stretch;
  flex: 1;
}
.customer-navigation .nav-item {
  position: relative;
  width: auto;
  padding: 0;
  border-radius: 0;
  font-size: 14px;
  font-weight: 550;
  white-space: nowrap;
  color: #5b6679;
}
.customer-navigation .nav-item:hover {
  background: none;
  color: var(--brand);
}
.customer-navigation .nav-item[aria-current=page] {
  background: none;
  color: var(--brand);
}
.customer-navigation .nav-item[aria-current=page]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--brand);
  content: "";
  border-radius: 3px 3px 0 0;
}
.customer-account {
  display: flex;
  align-items: center;
  gap: 9px;
}
.customer-avatar {
  display: grid;
  place-items: center;
  background: #eef1fb;
  color: #3659db;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  font-weight: 650;
}
.customer-shell #content {
  max-width: 1280px;
  margin: auto;
  padding: 40px 0 64px;
}
.customer-shell .page-head h1 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -.025em;
}
.customer-shell .page-head p {
  font-size: 14px;
  line-height: 1.75;
}
.console-context {
  max-width: 1280px;
  margin: auto;
  padding-top: 24px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.console-organization {
  color: #44526a;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}
.console-context nav {
  display: flex;
  gap: 26px;
}
.console-tab {
  padding: 12px 0 17px;
  border: 0;
  background: none;
  color: var(--muted);
  white-space: nowrap;
}
.console-tab[aria-current=page] {
  color: var(--brand);
  box-shadow: 0 2px 0 var(--brand);
  font-weight: 600;
}
.market-intro {
  text-align: center;
  padding: 26px 0 48px;
}
.market-intro h1 {
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: -.04em;
  color: #202e52;
  text-wrap: balance;
}
.market-intro > p {
  margin-top: 16px;
  color: #5c6981;
  font-size: 16px;
  line-height: 1.8;
}
.hero-install {
  max-width: 880px;
  margin: 32px auto 0;
  text-align: left;
}
.install-label {
  display: block;
  color: #5c6981;
  font-size: 12px;
  margin-bottom: 10px;
}
.install-command {
  padding: 12px 12px 12px 20px;
  background: white;
  border: 1px solid #dce3f0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
  text-align: left;
}
.install-command > code {
  flex: 1;
  font: 13px/1.8 var(--font-code);
  color: #3d4f74;
  overflow-wrap: anywhere;
}
.install-command .button {
  flex-shrink: 0;
}
.market-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e1e5ee;
}
.market-protocols {
  display: flex;
  gap: 10px;
}
.market-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  min-height: 42px;
  padding: 9px 16px;
  color: #5b667b;
  font-size: 15px;
  font-weight: 600;
  background: transparent;
  white-space: nowrap;
}
.market-tab span {
  font-size: 11px;
  border-radius: 5px;
  padding: 1px 6px;
  background: #e9edf5;
  color: #5a6981;
}
.market-tab.selected {
  background: #e9eeff;
  color: #3659db;
}
.market-tab.selected span {
  background: #dbe3ff;
  color: #304bc0;
}
.market-tab:hover,
.market-category:hover {
  color: var(--brand);
  background: #edf1fb;
}
.market-search {
  width: min(350px, 40%);
  position: relative;
}
.market-search > svg {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 13px;
  left: 14px;
  color: #6b7a92;
  pointer-events: none;
}
.market-search input {
  padding-left: 42px;
  border-color: #e0e5ee;
  background: white;
  border-radius: 9px;
  min-height: 44px;
}
.market-layout {
  display: grid;
  grid-template-columns: 158px minmax(0, 1fr);
  gap: 30px;
  padding-top: 26px;
}
.market-categories {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: stretch;
}
.market-category {
  border: 0;
  background: transparent;
  color: #5c6a80;
  font-size: 14px;
  min-height: 42px;
  border-radius: 8px;
  text-align: left;
  padding: 10px 14px;
}
.market-category.selected {
  color: #3659db;
  background: #e9eeff;
  font-weight: 600;
}
.market-help {
  color: #66748b;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  padding: 22px 14px;
  margin-top: 18px;
  border-top: 1px solid var(--line);
  text-decoration: none;
}
.market-help svg {
  width: 14px;
  height: 14px;
}
.market-result-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 17px;
  min-height: 26px;
}
.market-result-heading h2 {
  font-size: 18px;
  font-weight: 650;
}
.market-result-heading > span {
  font-size: 12px;
  color: #627088;
}
.cap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.cap-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 23px;
  min-height: 236px;
  text-align: left;
  background: white;
  border: 1px solid #e3e7ef;
  border-radius: 12px;
  color: var(--ink);
  transition: border-color 180ms ease, background-color 180ms ease;
}
.cap-card:hover {
  background: #fcfdff;
  border-color: #aebfe7;
}
.cap-card:focus-visible {
  outline: 3px solid #bdcdf7;
  outline-offset: 3px;
}
.cap-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
.cap-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #edf1ff;
  color: #3c5ddb;
}
.cap-icon svg {
  width: 25px;
  height: 25px;
}
.cap-icon.blue {
  color: #365cdb;
  background: #eaf0ff;
}
.cap-icon.cyan {
  color: #18799b;
  background: #e7f4f8;
}
.cap-icon.teal {
  color: #198373;
  background: #e7f6f1;
}
.cap-icon.violet {
  color: #7051c7;
  background: #f0eafb;
}
.cap-icon.orange {
  color: #aa622c;
  background: #fbefe3;
}
.protocol-label {
  font-size: 10px;
  letter-spacing: .025em;
  font-weight: 600;
  color: #5d6c86;
  background: #f3f5f9;
  padding: 4px 7px;
  border-radius: 4px;
  white-space: nowrap;
}
.cap-card h3 {
  font-size: 17px;
  font-weight: 650;
  line-height: 1.5;
}
.cap-card > p {
  color: #637087;
  font-size: 13px;
  line-height: 1.8;
  margin-top: 9px;
  flex: 1;
}
.cap-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6c7990;
  font-size: 11px;
  margin-top: 23px;
  gap: 10px;
}
.cap-card-foot svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  color: #7585a2;
}
.market-bottom {
  padding: 26px 0 0 188px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #66748c;
  font-size: 12px;
}
.service-detail-head {
  display: flex;
  align-items: center;
  gap: 19px;
  margin: 26px 0 35px;
}
.service-detail-head .cap-icon {
  width: 62px;
  height: 62px;
  border-radius: 15px;
}
.service-detail-head .cap-icon svg {
  width: 34px;
  height: 34px;
}
.service-detail-head h1 {
  font-size: 30px;
  letter-spacing: -.025em;
}
.service-detail-head p {
  font-size: 13px;
  color: #64728a;
  margin-top: 7px;
}
.detail-divider {
  margin: 0 12px;
  color: #bac3d2;
}
.service-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 48px;
  align-items: start;
}
.service-detail-body {
  background: white;
  padding: 32px;
  border: 1px solid #e3e7ef;
  border-radius: 12px;
}
.service-detail-body section + section {
  border-top: 1px solid #e8ebf1;
  margin-top: 30px;
  padding-top: 30px;
}
.service-detail-body h2,
.guide-section h2 {
  font-size: 20px;
  font-weight: 650;
  margin-bottom: 14px;
}
.service-detail-body p {
  font-size: 14px;
  color: #5b6980;
  line-height: 1.9;
  max-width: 72ch;
  margin-bottom: 14px;
}
.output-list {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 16px;
  color: #44536d;
}
.output-list li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.output-list svg {
  width: 18px;
  height: 18px;
  color: #3659db;
}
.endpoint-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: #f4f6fa;
  border-radius: 8px;
  margin: 18px 0;
}
.endpoint-row > span {
  color: #30715e;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.8;
  flex-shrink: 0;
}
.endpoint-row code {
  color: #445570;
  font-size: 12px;
  line-height: 1.8;
  overflow-wrap: anywhere;
  min-width: 0;
}
.service-detail-body .detail-fineprint {
  font-size: 12px;
  margin-top: 16px;
}
.service-install {
  position: sticky;
  top: 24px;
  padding: 27px;
  background: #eef2fc;
  border-radius: 12px;
}
.service-install h2 {
  font-size: 21px;
  margin-bottom: 12px;
}
.service-install p {
  color: #586985;
  font-size: 13px;
  line-height: 1.85;
  margin: 12px 0 20px;
}
.service-install > .button {
  width: 100%;
}
.service-agent {
  border-top: 1px solid #dce3f1;
  padding-top: 25px;
  margin-top: 25px;
}
.service-agent h3 {
  font-size: 15px;
}
.service-agent p {
  margin: 8px 0 13px;
  font-size: 12px;
}
.service-agent > code {
  display: block;
  font-size: 12px;
  line-height: 1.85;
  color: #43597f;
  overflow-wrap: anywhere;
  margin-bottom: 18px;
}
.service-agent > .button {
  width: 100%;
}
.service-install-footer {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.service-install-footer .button {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  padding: 9px;
}
.guide-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 56px;
}
.guide-section {
  padding: 28px 0;
  border-top: 1px solid var(--line);
}
.guide-section:first-child {
  border: 0;
  padding-top: 10px;
}
.guide-section > p {
  color: #5b6a82;
  line-height: 1.9;
  margin-bottom: 20px;
  font-size: 14px;
}
.guide-section .guide-caption {
  font-size: 12px;
  margin: 15px 0 0;
}
.guide-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
.guide-aside {
  margin-top: 12px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: white;
}
.guide-aside h3 {
  font-size: 14px;
  margin-bottom: 24px;
}
.guide-aside dl {
  font-size: 12px;
  margin: 0;
}
.guide-aside dt {
  font-weight: 600;
  margin-top: 20px;
}
.guide-aside dd {
  margin: 5px 0 0;
  color: #65738a;
  line-height: 1.8;
}
.guide-advanced {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 25px;
  color: #576981;
}
.guide-advanced summary {
  cursor: pointer;
  font-size: 13px;
}
.guide-advanced p {
  font-size: 13px;
  margin: 16px 0;
}
.workbench-tasks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}
.workbench-task {
  padding: 32px;
  background: white;
  border-radius: 12px;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  align-items: start;
}
.workbench-task h2 {
  font-size: 21px;
  margin-top: 24px;
}
.workbench-task p {
  line-height: 1.85;
  color: #607089;
  font-size: 14px;
  margin: 13px 0 24px;
  flex: 1;
}
.workbench-api {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px;
}
.workbench-api p {
  margin-right: auto;
  color: #627088;
  font-size: 13px;
}
@media (max-width: 1360px) {
  .customer-shell #content {
    margin: 0 40px;
  }
  .console-context {
    margin: 0 40px;
  }
  .customer-shell .topbar {
    padding: 0 40px;
  }
}
@media (max-width: 1120px) {
  .customer-shell .topbar {
    gap: 32px;
  }
  .customer-navigation {
    gap: 22px;
  }
  .cap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-detail-layout {
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) 300px;
  }
  .workbench-task {
    padding: 25px;
  }
  .guide-layout {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr) 240px;
  }
  .customer-shell .wordmark small {
    letter-spacing: .06em;
  }
}
@media (max-width: 900px) {
  .customer-shell .topbar {
    height: 76px;
    padding: 0 24px;
    gap: 24px;
    position: relative;
  }
  .customer-shell .wordmark {
    font-size: 19px;
  }
  .customer-shell .wordmark small {
    font-size: 9px;
  }
  .customer-navigation {
    gap: 16px;
  }
  .customer-navigation .nav-item {
    font-size: 13px;
  }
  .customer-shell .topbar .mobile-menu {
    display: none;
  }
  .customer-shell #content {
    margin: 0 24px;
    padding-top: 30px;
  }
  .console-context {
    margin: 0 24px;
  }
  .market-layout {
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 22px;
  }
  .cap-card {
    padding: 21px;
  }
  .market-bottom {
    padding-left: 152px;
  }
  .service-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .service-install {
    position: static;
  }
  .service-agent {
    max-width: 620px;
  }
  .service-install > .button,
  .service-agent > .button {
    width: auto;
  }
  .service-install-footer {
    justify-content: start;
  }
  .service-install-footer .button {
    flex: none;
    padding: 9px 16px;
  }
  .guide-layout {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .guide-aside dl {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px;
  }
  .guide-aside dt,
  .guide-aside dd {
    margin: 0;
  }
  .workbench-tasks {
    gap: 18px;
  }
  .workbench-task h2 {
    font-size: 18px;
  }
  .workbench-api {
    flex-wrap: wrap;
  }
  .workbench-api p {
    flex-basis: 100%;
  }
}
@media (max-width: 760px) {
  .customer-navigation {
    display: none;
  }
  .customer-shell .topbar {
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 45;
  }
  .customer-shell .topbar .mobile-menu {
    display: inline-flex;
  }
  .customer-shell > .sidebar.open {
    display: flex;
    top: 76px;
    height: calc(100dvh - 76px);
    background: white;
  }
  .customer-shell .sidebar .nav-item {
    padding: 13px 16px;
    min-height: 46px;
    font-size: 15px;
  }
  .market-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 21px;
    padding-top: 18px;
  }
  .market-categories {
    flex-direction: row;
    overflow: auto;
    gap: 8px;
    padding-bottom: 4px;
  }
  .market-category {
    flex-shrink: 0;
    font-size: 13px;
    padding: 8px 13px;
    min-height: 40px;
  }
  .market-help {
    display: none;
  }
  .market-bottom {
    padding-left: 0;
  }
  .console-context {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .console-context nav {
    max-width: 100%;
    overflow: auto;
    gap: 24px;
  }
  .workbench-tasks {
    grid-template-columns: minmax(0, 1fr);
  }
  .workbench-task {
    padding: 27px;
  }
}
@media (max-width: 540px) {
  .customer-shell .topbar {
    padding: 0 18px;
    gap: 10px;
  }
  .customer-shell .brand-mark {
    width: 30px;
    height: 30px;
    border-radius: 9px;
  }
  .customer-shell .brand {
    gap: 9px;
  }
  .customer-shell .wordmark {
    font-size: 18px;
  }
  .customer-shell .wordmark small {
    font-size: 8px;
  }
  .customer-account {
    gap: 1px;
  }
  .customer-account .button {
    padding: 8px 10px;
  }
  .customer-avatar {
    display: none;
  }
  .customer-shell #content {
    margin: 0 18px;
    padding-top: 25px;
  }
  .console-context {
    margin: 0 18px;
  }
  .customer-shell .page-head h1 {
    font-size: 26px;
  }
  .market-intro {
    padding: 12px 0 30px;
  }
  .market-intro h1 {
    font-size: 30px;
    line-height: 1.45;
    letter-spacing: -.035em;
    max-width: 12em;
    margin: auto;
  }
  .market-intro > p {
    font-size: 13px;
    margin-top: 14px;
  }
  .hero-install {
    margin-top: 25px;
  }
  .install-command {
    flex-wrap: wrap;
    padding: 17px;
    gap: 15px;
  }
  .install-command > code {
    flex-basis: 100%;
    font-size: 12px;
  }
  .install-command > .button {
    width: 100%;
  }
  .market-toolbar {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    padding-bottom: 17px;
  }
  .market-protocols {
    justify-content: space-between;
    gap: 3px;
  }
  .market-tab {
    padding: 9px 10px;
    font-size: 14px;
  }
  .market-search {
    width: 100%;
  }
  .cap-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .cap-card {
    padding: 24px;
    min-height: 219px;
  }
  .market-bottom {
    flex-direction: column;
    align-items: stretch;
    line-height: 1.8;
    padding-top: 22px;
  }
  .service-detail-head {
    gap: 15px;
    margin: 24px 0;
  }
  .service-detail-head h1 {
    font-size: 25px;
  }
  .service-detail-head p {
    font-size: 11px;
  }
  .service-detail-head .cap-icon {
    width: 50px;
    height: 50px;
  }
  .service-detail-body {
    padding: 23px;
  }
  .service-detail-body h2 {
    font-size: 18px;
  }
  .service-detail-body p {
    font-size: 13px;
  }
  .service-install {
    padding: 24px;
  }
  .guide-section h2 {
    font-size: 19px;
  }
  .guide-section > p {
    font-size: 13px;
  }
  .guide-aside {
    padding: 22px;
  }
  .endpoint-row {
    padding: 13px;
    gap: 10px;
  }
}
.customer-shell .topbar {
  height: 68px;
}
.customer-shell .wordmark {
  font-size: 20px;
}
.customer-shell .wordmark small {
  display: none;
}
.customer-navigation {
  justify-content: flex-end;
  gap: 34px;
}
.customer-shell .brand-mark {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}
.customer-shell:has(.manual-shell) {
  background: white;
}
.manual-shell {
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr);
  gap: 64px;
  align-items: start;
  padding-top: 5px;
}
.manual-sidebar {
  position: sticky;
  top: 24px;
  padding: 8px 20px 0 0;
}
.manual-sidebar h2 {
  font-size: 17px;
  font-weight: 650;
  padding: 0 13px 23px;
}
.manual-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.manual-sidebar nav button {
  color: #5e6c82;
  padding: 11px 13px;
  min-height: 42px;
  text-align: left;
  font-size: 14px;
  background: none;
  border: 0;
  border-radius: 7px;
}
.manual-sidebar nav button:hover {
  background: #f4f6fc;
  color: var(--brand);
}
.manual-sidebar nav button[aria-current=page] {
  color: var(--brand);
  background: #edf1ff;
  font-weight: 600;
}
.manual-sidebar > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 13px 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: #6b7890;
  text-decoration: none;
}
.manual-sidebar > a svg {
  width: 14px;
  height: 14px;
}
.manual-document {
  max-width: 880px;
  padding-right: 30px;
}
.manual-document h1 {
  font-size: 34px;
  font-weight: 720;
  letter-spacing: -.025em;
  line-height: 1.4;
}
.manual-document .manual-lead {
  margin: 16px 0 40px;
  color: #66748b;
  font-size: 15px;
  line-height: 1.9;
}
.manual-document section {
  margin-top: 38px;
}
.manual-document section:first-of-type {
  margin-top: 0;
}
.manual-document h2 {
  font-size: 23px;
  font-weight: 650;
  line-height: 1.5;
  margin-bottom: 18px;
  letter-spacing: -.02em;
}
.manual-document p,
.manual-document li {
  font-size: 14px;
  color: #516179;
  line-height: 2;
  max-width: 76ch;
}
.manual-document p + p {
  margin-top: 13px;
}
.manual-document p + .button,
.manual-document ul + .button {
  margin-top: 20px;
}
.manual-document ol,
.manual-document ul {
  padding-left: 22px;
  margin: 22px 0;
}
.manual-document li {
  padding-left: 6px;
  margin: 9px 0;
}
.manual-document code {
  overflow-wrap: anywhere;
}
.manual-command {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 20px;
  margin: 22px 0;
  background: #f4f6fc;
  border: 1px solid #e3e8f4;
  border-radius: 10px;
}
.manual-command code {
  font: 13px/1.9 var(--font-code);
  color: #3f5277;
  flex: 1;
}
.manual-tip {
  padding: 17px 20px;
  background: #f1f5fc;
  border-radius: 8px;
  color: #526883;
  font-size: 13px;
  line-height: 1.9;
  margin-top: 24px;
}
.manual-flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  color: #44597f;
  margin: 22px 0;
  font-size: 13px;
}
.manual-flow span {
  padding: 10px 16px;
  background: #f3f5fa;
  border-radius: 7px;
}
.manual-flow svg {
  width: 17px;
  height: 17px;
  color: #7d8daa;
}
.manual-next {
  border-top: 1px solid var(--line);
  margin-top: 46px;
  padding-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.manual-next > span {
  color: #75829a;
  font-size: 12px;
}
.manual-statuses {
  border-top: 1px solid var(--line);
}
.manual-statuses > div {
  display: grid;
  grid-template-columns: 132px 130px minmax(0, 1fr);
  gap: 16px;
  align-items: baseline;
  padding: 19px 0;
  border-bottom: 1px solid var(--line);
}
.manual-statuses code {
  font-size: 12px;
  color: #49619a;
}
.manual-statuses strong {
  font-size: 13px;
  color: #394c6b;
}
.manual-statuses p {
  font-size: 12px;
  line-height: 1.9;
}
.scope-summary {
  padding: 17px 0;
}
.scope-summary strong {
  display: block;
  margin-bottom: 12px;
}
form[data-form=service-access] .form-section {
  margin: 24px 0;
}
form[data-form=service-access] {
  max-width: 940px;
}
.choice-copy strong .badge {
  margin-left: 10px;
}
.choice-row.disabled {
  opacity: .67;
  cursor: default;
}
@media (max-width: 1120px) {
  .manual-shell {
    gap: 36px;
    grid-template-columns: 184px minmax(0, 1fr);
  }
  .manual-document {
    padding-right: 0;
  }
  .manual-statuses > div {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
  }
  .manual-statuses p {
    grid-column: 1 / -1;
  }
}
@media (max-width: 760px) {
  .customer-shell > .sidebar.open {
    top: 68px;
    height: calc(100dvh - 68px);
  }
  .manual-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  .manual-sidebar {
    position: static;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--line);
  }
  .manual-sidebar h2 {
    font-size: 14px;
    padding: 0 0 14px;
  }
  .manual-sidebar nav {
    flex-direction: row;
    overflow: auto;
    padding-bottom: 3px;
  }
  .manual-sidebar nav button {
    white-space: nowrap;
    font-size: 13px;
    padding: 9px 12px;
  }
  .manual-sidebar > a {
    display: none;
  }
  .manual-document h1 {
    font-size: 29px;
  }
  .manual-document h2 {
    font-size: 21px;
  }
  .manual-document .manual-lead {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .manual-command {
    flex-wrap: wrap;
    padding: 18px;
  }
  .manual-command code {
    flex-basis: 100%;
    font-size: 12px;
  }
  .manual-command .button {
    width: 100%;
  }
  .manual-document section {
    margin-top: 32px;
  }
  .manual-document p,
  .manual-document li {
    font-size: 13px;
  }
  .manual-flow {
    gap: 8px;
  }
  .manual-flow span {
    padding: 8px 10px;
    font-size: 12px;
  }
}
.call-log-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 16px;
  margin: 0 0 24px;
}
.call-log-filters label {
  display: grid;
  gap: 8px;
  flex: 1 1 150px;
  font-size: 13px;
}
.call-log-filters select {
  width: 100%;
  min-height: 42px;
}
.call-log-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 24px;
}
.call-log-summary > div {
  padding: 20px;
  border: 1px solid var(--border,#e4e7ec);
  background: var(--surface,#fff);
  border-radius: 10px;
}
.call-log-summary span {
  display: block;
  color: var(--muted,#667085);
  font-size: 13px;
  margin-bottom: 10px;
}
.call-log-summary strong {
  font-size: 28px;
  font-weight: 600;
}
.call-log-summary small {
  font-size: 13px;
  font-weight: 400;
}
.call-request-id {
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 11px;
}
@media (max-width: 720px) {
  .call-log-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .call-log-filters button {
    width: 100%;
  }
}
.call-log-filters > .form-error {
  flex-basis: 100%;
}
.call-log-table table {
  min-width: 820px;
}
.call-log-table td {
  white-space: nowrap;
}
.entry-eyebrow {
  margin: 0 0 14px;
  color: #52637c;
  font:
    600 11px/1.5 "Avenir Next",
    "PingFang SC",
    sans-serif;
  letter-spacing: .1em;
}
.service-home-intro {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  align-items: center;
  gap: 48px;
  padding: 22px 0 38px;
}
.service-home-intro h1,
.cli-intro h1 {
  color: #202e52;
  font-family: var(--font);
  font-size: clamp(32px, 3.3vw, 46px);
  line-height: 1.32;
  letter-spacing: -.035em;
}
.service-home-intro h1 + p,
.cli-intro h1 + p {
  color: #5b6679;
  font-size: 15px;
  line-height: 1.9;
  margin-top: 20px;
}
.home-route {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 28px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #3659db;
}
.home-route i {
  height: 1px;
  background: #bdc9e8;
  position: relative;
}
.home-route i::after {
  content: "";
  position: absolute;
  right: 0;
  top: -2px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #3659db;
  border-right: 1px solid #3659db;
  transform: rotate(45deg);
}
.home-route p {
  grid-column: 1/-1;
  color: #6c788c;
  font-weight: 400;
  margin-top: 8px;
  text-align: center;
}
.service-entry-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 22px;
}
.service-entry {
  position: relative;
  min-width: 0;
  padding: 32px;
  border: 1px solid #dfe5ef;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.service-entry.ocean {
  background: #edf2ff;
  border-color: #d9e2f9;
}
.service-entry.customs {
  background: #f1f8f6;
  border-color: #dbeae5;
}
.service-entry .entry-icon {
  float: right;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  color: #3659db;
}
.entry-icon svg {
  width: 44px;
  height: 44px;
}
.service-entry.customs .entry-icon {
  color: #177469;
}
.service-entry h2 {
  font-size: 28px;
  margin: 9px 0 14px;
  color: #202e52;
  letter-spacing: -.02em;
}
.service-entry h2 + p {
  color: #5b6679;
  font-size: 14px;
  line-height: 1.85;
  max-width: 30em;
  margin: 0 0 26px;
  min-height: 52px;
}
.service-entry.customs .button.primary {
  background: #177469;
  border-color: #177469;
}
.service-entry.customs .button.primary:hover {
  background: #115d53;
}
.entry-caption {
  display: block;
  color: #607870;
  font-size: 11px;
  margin-top: 13px;
}
.home-quick-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding: 20px 0 34px;
}
.home-quick-links .button {
  background: #fff;
}
.home-developer {
  border-top: 1px solid #dfe5ef;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 42px;
  padding-top: 32px;
  align-items: center;
}
.home-developer h2 {
  font-size: 23px;
  color: #202e52;
  margin: 0 0 12px;
}
.home-developer > div > p:last-child {
  color: #5b6679;
  font-size: 13px;
}
.home-developer-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.home-dev-option {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 18px;
  border: 1px solid #dfe5ef;
  border-radius: 9px;
  background: #fff;
  color: #202e52;
  text-decoration: none;
  min-width: 0;
}
.home-dev-option:hover {
  border-color: #3659db;
  background: #f8faff;
}
.home-dev-option > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.home-dev-option strong {
  display: block;
  font-size: 15px;
}
.home-dev-option small {
  display: block;
  color: #5b6679;
  font-size: 11px;
  line-height: 1.7;
  margin-top: 7px;
}
.home-dev-option svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}
.home-dev-symbol {
  font: 700 21px/1.3 var(--font-code);
  color: #3659db;
}
.entry-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.cli-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 56px;
  padding: 20px 0 42px;
}
.cli-intro .entry-eyebrow span {
  display: inline-block;
  margin-left: 8px;
  color: #3659db;
  font-family: monospace;
  letter-spacing: 0;
}
.cli-requirement {
  margin-top: 14px;
  color: #6b7587;
  font-size: 11px;
  line-height: 1.8;
}
.cli-terminal {
  background: #202e52;
  color: #f3f6ff;
  border-radius: 12px;
  min-width: 0;
  overflow: hidden;
}
.cli-terminal-bar {
  border-bottom: 1px solid #405070;
  padding: 17px 22px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font: 11px/1.5 var(--font-code);
  color: #c3cfe7;
}
.cli-terminal pre {
  font: 12px/1.9 var(--font-code);
  padding: 22px;
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.terminal-comment {
  color: #aec1e0;
}
.cli-terminal > p {
  color: #aec1e0;
  font-size: 11px;
  padding: 0 22px 18px;
  margin: 0;
}
.cli-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 252px;
  gap: 58px;
  border-top: 1px solid #dfe5ef;
  padding-top: 35px;
}
.cli-step {
  margin-bottom: 40px;
}
.cli-step-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.cli-step-title > span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  background: #e9efff;
  color: #3659db;
  border-radius: 7px;
  font: 600 13px/1 var(--font-code);
}
.cli-step-title h2 {
  margin: 0;
  font-size: 21px;
}
.cli-step p,
.cli-aside p {
  font-size: 13px;
  color: #5b6679;
  line-height: 1.9;
  margin: 13px 0;
}
.cli-code {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #dfe5ef;
  background: #fff;
  border-radius: 8px;
  padding: 14px 16px;
  margin: 14px 0;
  min-width: 0;
}
.cli-code pre {
  margin: 0;
  flex: 1;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 12px/1.8 var(--font-code);
  color: #344254;
}
.cli-code .button {
  font-size: 11px;
  min-height: 32px;
  flex-shrink: 0;
  padding: 5px 10px;
}
.cli-select-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 20px 0 8px;
}
#cli-command {
  width: 100%;
  max-width: 520px;
}
.cli-example-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 16px 0 4px;
}
.cli-example-links > span {
  color: #6b7587;
  font-size: 11px;
}
.cli-detail {
  margin-top: 20px;
  border-top: 1px solid #dfe5ef;
  padding-top: 15px;
}
.cli-detail > summary {
  cursor: pointer;
  font-size: 13px;
  color: #3659db;
  padding: 4px 0;
}
.cli-detail .table-wrap {
  margin-top: 18px;
}
.cli-exits {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 26px;
}
.cli-exits > div {
  padding: 16px 0;
  border-bottom: 1px solid #dfe5ef;
}
.cli-exits dt {
  font-size: 13px;
  font-weight: 600;
}
.cli-exits dt code {
  display: inline-block;
  min-width: 45px;
  color: #3659db;
}
.cli-exits dd {
  margin: 8px 0 0;
  font-size: 12px;
  color: #5b6679;
}
.cli-aside {
  align-self: start;
  position: sticky;
  top: 98px;
  padding-left: 24px;
  border-left: 1px solid #dfe5ef;
}
.cli-aside h2 {
  font-size: 15px;
  margin: 0 0 20px;
}
.cli-aside > a {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  color: #3659db;
  font-size: 12px;
  margin: 16px 0;
  text-decoration: none;
}
.cli-aside > a svg {
  width: 16px;
  height: 16px;
}
.cli-aside > div {
  border-top: 1px solid #dfe5ef;
  margin-top: 24px;
  padding-top: 20px;
}
.cli-aside h3 {
  font-size: 13px;
}
@media (max-width: 1120px) {
  .home-developer {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .cli-intro {
    gap: 30px;
  }
  .cli-body {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr) 210px;
  }
}
@media (max-width: 900px) {
  .service-home-intro {
    gap: 25px;
  }
  .home-route {
    gap: 8px;
    font-size: 10px;
  }
  .cli-intro {
    grid-template-columns: 1fr;
  }
  .cli-terminal {
    max-width: 680px;
  }
  .cli-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .cli-aside {
    position: static;
    padding-left: 0;
    border: 0;
  }
  .customer-navigation {
    gap: 20px;
  }
}
@media (max-width: 640px) {
  .service-home-intro {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 12px 0 28px;
  }
  .service-home-intro h1,
  .cli-intro h1 {
    font-size: 32px;
  }
  .service-home-intro h1 + p {
    font-size: 13px;
  }
  .home-route {
    max-width: 400px;
    padding-top: 18px;
  }
  .service-entry-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .service-entry {
    padding: 24px;
  }
  .service-entry h2 {
    font-size: 25px;
  }
  .service-entry h2 + p {
    min-height: 0;
    font-size: 13px;
  }
  .home-quick-links {
    gap: 9px;
    padding: 16px 0 25px;
  }
  .home-quick-links .button {
    flex: 1 1 44%;
    font-size: 11px;
    padding: 8px;
  }
  .home-developer-options {
    grid-template-columns: minmax(0, 1fr);
  }
  .home-developer {
    padding-top: 25px;
  }
  .home-developer h2 {
    font-size: 22px;
  }
  .cli-intro {
    padding: 8px 0 28px;
    gap: 28px;
  }
  .cli-terminal pre {
    padding: 18px;
    font-size: 11px;
  }
  .cli-code {
    align-items: flex-start;
    flex-direction: column;
  }
  .cli-code pre {
    width: 100%;
  }
  .cli-code .button {
    align-self: flex-end;
  }
  .cli-exits {
    grid-template-columns: minmax(0, 1fr);
  }
}
.customer-shell {
  background: #f7f8fb;
}
.customer-shell .topbar {
  border-bottom-color: #e7eaf0;
}
.account-disclosure {
  position: relative;
}
.account-toggle {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  border: 0;
  padding: 4px 3px 4px 7px;
  background: transparent;
  color: #596780;
  border-radius: 24px;
  cursor: pointer;
}
.account-toggle:hover,
.account-toggle[aria-expanded=true] {
  background: #eef2fa;
}
.account-toggle .customer-avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #eef2fb;
  color: #3659db;
}
.account-toggle .customer-avatar svg {
  width: 19px;
  height: 19px;
}
.account-chevron {
  width: 14px;
  height: 14px;
}
.account-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 252px;
  padding: 8px;
  border: 1px solid #e2e7f0;
  border-radius: 14px;
  background: white;
  box-shadow: 0 12px 36px #172a4821;
  z-index: 70;
}
.account-dropdown[hidden] {
  display: none;
}
.account-summary {
  display: grid;
  gap: 6px;
  padding: 14px 12px 18px;
  border-bottom: 1px solid #edf0f4;
  margin-bottom: 6px;
  overflow-wrap: anywhere;
}
.account-summary strong {
  color: #202e52;
  font-size: 14px;
}
.account-summary span {
  color: #667185;
  font-size: 12px;
}
.account-dropdown button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 7px;
  padding: 10px 12px;
  background: transparent;
  text-align: left;
  color: #263653;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.account-dropdown button:hover {
  background: #f1f4fa;
}
.account-dropdown button svg {
  width: 18px;
  height: 18px;
}
.account-dropdown .account-logout {
  border-top: 1px solid #edf0f4;
  border-radius: 0 0 7px 7px;
  margin-top: 6px;
  color: #647087;
}
.login-return {
  display: block;
  margin-top: 24px;
  font-size: 13px;
  color: #536582;
}
:root {
  --ink: #252830;
  --muted: #626975;
  --canvas: #fff;
  --soft: #f7f8fa;
  --sidebar: #f5f6f8;
  --line: #e8eaee;
  --strong: #cfd3db;
  --brand: #335cff;
  --brand-dark: #254bd6;
  --blue-soft: #f0f3ff;
}
html {
  scrollbar-color: #bcc3cf #f7f8fa;
}
.customer-shell {
  background: #fff;
}
.customer-shell .topbar {
  height: 88px;
  padding: 0 max(40px, calc((100vw - 1536px)/2));
  gap: 72px;
  background: #fff;
  border-bottom: 1px solid #f1f2f5;
}
.customer-shell[data-page=home] .topbar {
  border-bottom-color: transparent;
}
.customer-shell .brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 11px;
}
.customer-shell .wordmark {
  color: #252830;
  font-size: 26px;
  font-weight: 750;
}
.customer-shell .wordmark small {
  display: none;
}
.customer-navigation {
  justify-content: flex-start;
  gap: 36px;
}
.customer-navigation .nav-item {
  color: #555c68;
  font-size: 16px;
  font-weight: 500;
}
.customer-navigation .nav-item[aria-current=page] {
  color: #202329;
  font-weight: 650;
}
.customer-navigation .nav-item[aria-current=page]::after {
  display: none;
}
.customer-shell #content {
  width: calc(100% - 96px);
  max-width: 1440px;
  margin: 0 auto;
  padding: 48px 0 80px;
}
.customer-shell[data-page=home] #content {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}
.customer-shell .button.primary {
  background: #252830;
  border-color: #252830;
  color: #fff;
}
.customer-shell .button.primary:hover {
  background: #414651;
  border-color: #414651;
}
.customer-shell .page-head h1,
.market-intro h1,
.cli-intro h1 {
  color: #252830;
  font-weight: 650;
}
.customer-shell .panel,
.cap-card {
  border-color: #e8eaee;
}
.market-intro {
  padding: 34px 0 44px;
}
.market-intro h1 {
  letter-spacing: -.025em;
}
.market-intro > p,
.market-result-heading > span {
  color: #626975;
}
.market-tab {
  font-size: 14px;
  border-radius: 24px;
}
.market-tab.selected,
.market-tab.selected span,
.market-category.selected {
  background: #eff0f3;
  color: #252830;
}
.market-category {
  border-radius: 24px;
}
.market-category:hover,
.market-tab:hover {
  background: #f6f7f9;
}
.cap-card {
  background: #fff;
}
.cap-card:hover {
  background: #fafbff;
  border-color: #a6b7f0;
}
.market-search input {
  background: #fafbfc;
  border-radius: 24px;
}
.cli-terminal {
  background: #252830;
}
.cli-terminal-bar {
  border-color: #454a55;
  color: #d3d8e5;
}
.terminal-comment,
.cli-terminal > p {
  color: #c0cadb;
}
.entry-eyebrow {
  display: none;
}
.account-toggle {
  color: #626975;
  padding: 4px 7px;
}
.account-toggle .customer-avatar {
  background: #f3f4f6;
  color: #252830;
}
.account-toggle:hover,
.account-toggle[aria-expanded=true] {
  background: #f0f2f6;
}
.account-dropdown {
  border: 0;
  box-shadow: 0 12px 36px #25283024;
}
.account-summary strong,
.account-dropdown button {
  color: #252830;
}
.account-summary span {
  color: #626975;
}
.portal-home {
  color: #252830;
}
.portal-width {
  width: calc(100% - 96px);
  max-width: 1536px;
  margin-inline: auto;
}
.portal-opening {
  position: relative;
  isolation: isolate;
  padding-bottom: 4px;
}
.portal-opening::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(
      ellipse at 18% 35%,
      #eefaff80,
      transparent 42%),
    radial-gradient(
      ellipse at 82% 28%,
      #f0f0ffb0,
      transparent 43%),
    radial-gradient(#7495ff2a .7px, transparent .8px);
  background-size:
    auto,
    auto,
    20px 20px;
  mask-image:
    linear-gradient(
      #000 0%,
      #000 70%,
      transparent 100%);
}
.portal-intro {
  padding: 64px 24px 0;
  text-align: center;
}
.portal-intro h1 {
  color: #252830;
  font: 450 clamp(42px, 5vw, 72px)/1.28 var(--font);
  letter-spacing: -.025em;
  text-wrap: balance;
}
.portal-intro h1 strong {
  font-weight: 700;
}
.portal-intro p {
  margin: 18px auto 0;
  max-width: 68ch;
  color: #626975;
  font-size: 20px;
  line-height: 1.8;
}
.portal-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
}
.portal-actions .button {
  min-width: 210px;
  min-height: 56px;
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}
.portal-actions .button svg {
  width: 22px;
  height: 22px;
}
.service-ribbon {
  position: relative;
  height: 126px;
  margin: 20px auto 24px;
  max-width: 1680px;
  pointer-events: none;
  overflow: hidden;
}
.ribbon-line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 130px;
}
.ribbon-line path {
  stroke: #dce5fa;
  stroke-width: 1;
}
.ribbon-node {
  position: absolute;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fafbfe;
  border: 1px solid #e9ecf4;
  color: #577aff;
  transform: translate(-50%, -50%);
}
.ribbon-node > svg {
  width: 30px;
  height: 30px;
  stroke-width: 1.75;
}
.ribbon-node:nth-of-type(1) {
  left: 5%;
  top: 34px;
  color: #4f75ec;
}
.ribbon-node:nth-of-type(2) {
  left: 20%;
  top: 57px;
  color: #6e79b8;
}
.ribbon-node:nth-of-type(3) {
  left: 35%;
  top: 79px;
  color: #52a3ad;
}
.ribbon-node:nth-of-type(4) {
  left: 50%;
  top: 87px;
  color: #577aff;
}
.ribbon-node:nth-of-type(5) {
  left: 65%;
  top: 69px;
  color: #429f83;
}
.ribbon-node:nth-of-type(6) {
  left: 80%;
  top: 36px;
  color: #8672cb;
}
.ribbon-node:nth-of-type(7) {
  left: 95%;
  top: 22px;
  color: #577aff;
}
.portal-services {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.portal-service {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #e7e9ef;
  padding: 10px;
  border-radius: 16px;
  color: #252830;
  text-decoration: none;
  background: #fff;
}
.portal-service:hover {
  border-color: #aabbea;
  background: #fdfdff;
}
.service-visual {
  height: 174px;
  border-radius: 10px;
  background: #f7f8fa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 17px;
  padding: 14px;
}
.visual-label {
  color: #71798a;
  font-size: 13px;
  font-weight: 500;
}
.visual-label > span {
  margin-inline: 10px;
  color: #abb8d1;
}
.visual-symbol {
  display: grid;
  place-items: center;
  flex: none;
  width: 66px;
  height: 66px;
  border-radius: 14px;
  color: #627bea;
  background: #fff;
  box-shadow: 0 6px 18px #323f6310;
}
.visual-symbol svg {
  width: 36px;
  height: 36px;
  stroke-width: 1.75;
}
.ocean-options {
  display: flex;
  align-items: center;
  gap: 18px;
}
.ocean-options > span:not(.visual-symbol) {
  color: #67799e;
  font-size: 14px;
  padding: 6px 12px;
  background: #edf1fa;
  border-radius: 5px;
}
.country-route {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 230px;
}
.country-route > span:not(.visual-symbol) {
  color: #6b7390;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.7;
}
.country-route i {
  height: 1px;
  background: #cdd7f1;
  flex: 1;
}
.customs-visual .visual-symbol {
  color: #41a38d;
}
.tax-visual {
  flex-direction: row;
  gap: 16px;
}
.tax-visual .visual-symbol {
  color: #8c7bbf;
}
.tax-inputs {
  display: grid;
  gap: 6px;
}
.tax-inputs span {
  display: block;
  min-width: 75px;
  padding: 4px 12px;
  border-radius: 4px;
  color: #6e7586;
  background: #fff;
  font-size: 13px;
}
.mini-terminal {
  width: 100%;
  max-width: 250px;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 18px #323f6310;
}
.mini-terminal > div {
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
}
.mini-terminal > div span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d5dae5;
}
.mini-terminal code {
  color: #626d86;
  font-size: 12px;
  white-space: nowrap;
}
.mini-terminal code b {
  color: #677eff;
}
.terminal-line {
  display: block;
  width: 75%;
  height: 4px;
  background: #e5e9f2;
  margin-top: 8px;
  border-radius: 3px;
}
.terminal-line.short {
  width: 50%;
}
.service-copy {
  padding: 22px 18px 20px;
}
.service-copy h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #252830;
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: 1.4;
  font-weight: 650;
}
.service-copy h2 svg {
  width: 21px;
  height: 21px;
  flex: none;
  color: #737d90;
}
.service-copy p {
  color: #666e7b;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 12px;
}
.service-detail {
  display: block;
  margin-top: 20px;
  color: #626975;
  font-size: 14px;
  line-height: 1.7;
}
.public-detail {
  color: #3f60c8;
}
.portal-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 24px 0 40px;
}
.portal-more a,
.portal-more button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0;
  color: #4b5361;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 15px;
  text-decoration: none;
}
.portal-more a:hover,
.portal-more button:hover {
  color: #335cff;
}
.portal-more svg {
  width: 20px;
  height: 20px;
}
.portal-more button > span {
  font-size: 13px;
  color: #626975;
  border-radius: 4px;
  background: #f2f3f6;
  padding: 3px 6px;
}
.portal-more-divider {
  width: 1px;
  height: 16px;
  background: #dfe3ea;
}
.portal-connect {
  padding: 36px 0 72px;
}
.connect-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 24px;
}
.connect-heading h2 {
  color: #252830;
  font-size: 30px;
  font-weight: 650;
  letter-spacing: -.025em;
}
.connect-heading p {
  color: #626975;
  font-size: 16px;
  line-height: 1.8;
}
.connect-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #f7f8fa;
  border-radius: 14px;
  overflow: hidden;
}
.connect-copy {
  padding: 34px 38px;
}
.connection-options {
  display: flex;
  gap: 26px;
}
.connection-options > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #363d4b;
  font-size: 18px;
  font-weight: 600;
}
.connection-options svg {
  width: 24px;
  height: 24px;
  color: #687ecd;
}
.connect-copy p {
  color: #626975;
  font-size: 16px;
  line-height: 1.8;
  margin: 20px 0 22px;
}
.connect-copy .button {
  font-weight: 500;
}
.connect-terminal {
  border-left: 1px solid #e5e7ed;
  min-width: 0;
  padding: 30px 38px;
}
.connect-terminal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #626975;
  font-size: 14px;
}
.connect-terminal-title a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4d5c80;
  text-decoration: none;
  min-height: 32px;
}
.connect-terminal-title a:hover {
  text-decoration: underline;
}
.connect-terminal-title svg {
  width: 14px;
  height: 14px;
}
.connect-terminal pre {
  color: #394866;
  font: 14px/1.85 var(--font-code);
  margin: 16px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.connect-terminal pre span {
  color: #6a7488;
}
.portal-footer {
  background: #212327;
  padding: 44px 0;
}
.portal-footer > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 26px;
  font-weight: 650;
  letter-spacing: -.025em;
}
.footer-brand svg {
  width: 25px;
  height: 25px;
}
.portal-footer p {
  margin-top: 12px;
  color: #b9bec9;
  font-size: 14px;
}
.portal-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.portal-footer nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #d6d9df;
  font-size: 15px;
  text-decoration: none;
}
.portal-footer nav a:hover {
  color: #fff;
  text-decoration: underline;
}
.visitor-quota {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 16px 20px;
  margin-bottom: 27px;
  background: #f0f3ff;
  border-radius: 10px;
  color: #394d84;
}
.visitor-quota > div {
  display: flex;
  gap: 14px;
  align-items: center;
  font-size: 16px;
}
.visitor-quota > div > span {
  font-variant-numeric: tabular-nums;
}
.visitor-quota p {
  flex: 1;
  min-width: 250px;
  margin: 0;
  color: #5e6b8b;
  font-size: 14px;
  line-height: 1.8;
}
.visitor-quota .text-button {
  color: #3d568e;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  font-size: 14px;
}
.visitor-quota svg {
  width: 15px;
  height: 15px;
}
.customer-shell .page-head h1,
.service-detail-head h1 {
  font-size: 36px;
}
.customer-shell .page-head p,
.service-detail-head p,
.panel-head p,
.cap-card > p,
.cli-intro > p,
.guide-page p {
  font-size: 16px;
  line-height: 1.8;
}
.customer-shell .button,
.customer-shell input,
.customer-shell select,
.customer-shell textarea {
  min-height: 46px;
  font-size: 16px;
}
.customer-shell label,
.customer-shell .field-label {
  font-size: 15px;
}
.customer-shell .helper,
.customer-shell .field-help,
.customer-shell .hint,
.customer-shell .field small,
.customer-shell .field > p,
.cli-requirements {
  font-size: 14px;
  line-height: 1.75;
}
.cap-card h3 {
  font-size: 21px;
}
.cap-card-foot,
.market-help,
.market-result-heading > span,
.market-bottom,
.install-label {
  font-size: 14px;
}
.protocol-label,
.market-tab span {
  font-size: 12px;
}
.market-tab,
.market-category {
  font-size: 16px;
}
.market-layout {
  grid-template-columns: 176px minmax(0, 1fr);
  gap: 32px;
}
.cap-icon {
  width: 50px;
  height: 50px;
}
.cap-icon svg {
  width: 28px;
  height: 28px;
}
.customer-avatar {
  width: 40px;
  height: 40px;
}
.account-dropdown {
  width: 280px;
  max-width: calc(100vw - 68px);
}
.account-summary span,
.account-dropdown button {
  font-size: 14px;
}
.account-dropdown button {
  min-height: 48px;
}
.account-dropdown button svg {
  width: 20px;
  height: 20px;
}
code,
pre {
  font-family: var(--font-code);
}
.customer-shell pre,
.customer-shell .install-command > code {
  font-size: 14px;
}
.customer-shell .console-context {
  max-width: 1440px;
}
@media (max-width: 1180px) {
  .customer-shell .topbar {
    padding-inline: 32px;
    gap: 40px;
  }
  .customer-navigation {
    gap: 26px;
  }
  .portal-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-visual {
    height: 154px;
  }
  .portal-service {
    display: grid;
    grid-template-columns: minmax(110px, .8fr) minmax(0, 1.2fr);
    align-items: stretch;
  }
  .service-copy {
    padding: 18px 14px;
  }
  .service-copy h2 {
    font-size: 22px;
  }
  .service-visual {
    height: auto;
    min-height: 220px;
  }
  .ocean-options {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  .ocean-options .visual-symbol {
    order: -1;
    margin-inline: 30px;
  }
  .country-route {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  .country-route .visual-symbol {
    order: -1;
    margin-inline: 30px;
  }
  .country-route i {
    display: none;
  }
  .tax-visual {
    flex-direction: column;
    gap: 10px;
  }
  .mini-terminal {
    padding: 16px 10px;
  }
  .mini-terminal code {
    font-size: 11px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .connect-copy,
  .connect-terminal {
    padding: 30px;
  }
}
@media (max-width: 900px) {
  .portal-services {
    gap: 18px;
  }
  .portal-service {
    display: flex;
  }
  .service-visual {
    height: 150px;
    min-height: 0;
  }
  .ocean-options .visual-symbol,
  .country-route .visual-symbol {
    margin-inline: 0;
    order: initial;
  }
  .tax-visual {
    flex-direction: row;
  }
  .service-copy {
    padding: 20px 16px;
  }
  .portal-intro {
    padding-top: 48px;
  }
  .connect-heading {
    align-items: flex-start;
    gap: 10px;
  }
  .portal-footer nav {
    gap: 20px;
  }
}
@media (max-width: 760px) {
  .customer-shell .topbar {
    height: 76px;
    padding: 0 20px;
    gap: 12px;
  }
  .customer-shell .wordmark {
    font-size: 23px;
  }
  .customer-shell .brand-mark {
    width: 34px;
    height: 34px;
  }
  .customer-shell > .sidebar.open {
    top: 76px;
    height: calc(100dvh - 76px);
  }
  .customer-shell #content {
    width: calc(100% - 40px);
    margin-inline: auto;
    padding-top: 30px;
  }
  .customer-shell[data-page=home] #content {
    width: 100%;
    padding: 0;
  }
  .portal-width {
    width: calc(100% - 40px);
  }
  .portal-intro {
    padding: 44px 20px 0;
  }
  .portal-intro h1 {
    font-size: 42px;
  }
  .portal-intro p {
    font-size: 17px;
    max-width: 24em;
    margin-top: 16px;
  }
  .portal-actions {
    gap: 12px;
    margin-top: 26px;
  }
  .portal-actions .button {
    min-width: 0;
    min-height: 52px;
    padding: 12px 18px;
  }
  .service-ribbon {
    height: 100px;
    margin: 16px auto 20px;
  }
  .ribbon-line {
    height: 108px;
  }
  .ribbon-node {
    width: 42px;
    height: 42px;
  }
  .ribbon-node > svg {
    width: 23px;
    height: 23px;
  }
  .ribbon-node:nth-of-type(1) {
    top: 24px;
  }
  .ribbon-node:nth-of-type(2) {
    top: 44px;
  }
  .ribbon-node:nth-of-type(3) {
    top: 64px;
  }
  .ribbon-node:nth-of-type(4) {
    top: 70px;
  }
  .ribbon-node:nth-of-type(5) {
    top: 55px;
  }
  .ribbon-node:nth-of-type(6) {
    top: 30px;
  }
  .ribbon-node:nth-of-type(7) {
    top: 18px;
  }
  .portal-more {
    padding: 20px 0 28px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .portal-more-divider {
    display: none;
  }
  .portal-connect {
    padding: 20px 0 48px;
  }
  .connect-heading {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
  }
  .connect-heading h2 {
    font-size: 26px;
  }
  .connect-content {
    grid-template-columns: minmax(0, 1fr);
  }
  .connect-copy {
    padding: 28px;
  }
  .connect-terminal {
    border-left: 0;
    border-top: 1px solid #e5e7ed;
    padding: 24px 28px;
  }
  .portal-footer {
    padding: 36px 0 28px;
  }
  .portal-footer > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }
  .visitor-quota {
    padding: 18px;
    gap: 10px;
    margin-bottom: 24px;
  }
  .visitor-quota p {
    min-width: 0;
    flex-basis: 100%;
  }
  .visitor-quota > div {
    flex-wrap: wrap;
    gap: 8px 14px;
  }
  .account-dropdown {
    right: -8px;
  }
  .market-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .customer-shell .page-head h1,
  .service-detail-head h1 {
    font-size: 30px;
  }
}
@media (max-width: 540px) {
  .portal-intro h1 {
    font-size: clamp(34px, 10.25vw, 42px);
  }
  .portal-intro p {
    font-size: 16px;
  }
  .portal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .portal-actions .button {
    font-size: 15px;
    padding-inline: 10px;
    gap: 8px;
  }
  .portal-actions .button svg {
    width: 20px;
    height: 20px;
  }
  .portal-services {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .portal-service {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: stretch;
    padding: 14px;
    gap: 16px;
  }
  .service-visual {
    padding: 12px;
    height: 84px;
    align-self: center;
    border-radius: 12px;
  }
  .service-visual .visual-label,
  .ocean-options > span:not(.visual-symbol),
  .country-route > span:not(.visual-symbol),
  .tax-inputs,
  .mini-terminal {
    display: none;
  }
  .visual-symbol {
    width: 52px;
    height: 52px;
    background: transparent;
    box-shadow: none;
  }
  .visual-symbol svg {
    width: 38px;
    height: 38px;
  }
  .service-copy {
    padding: 2px 0;
  }
  .service-copy h2 {
    font-size: 21px;
    gap: 8px;
  }
  .service-copy h2 svg {
    width: 19px;
    height: 19px;
  }
  .service-copy p {
    font-size: 16px;
    line-height: 1.75;
    margin-top: 10px;
  }
  .service-detail {
    font-size: 13px;
    margin-top: 12px;
  }
  .portal-more {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .portal-more a,
  .portal-more button {
    font-size: 14px;
    min-height: 48px;
    gap: 8px;
  }
  .portal-more button > span {
    font-size: 12px;
  }
  .customer-shell .page-head h1,
  .service-detail-head h1 {
    font-size: 28px;
  }
  .market-tab {
    padding-inline: 10px;
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  .customer-shell .topbar {
    padding-inline: 14px;
  }
  .customer-shell .wordmark {
    font-size: 21px;
  }
  .customer-shell .brand {
    gap: 8px;
  }
  .portal-width {
    width: calc(100% - 28px);
  }
  .portal-intro {
    padding-inline: 14px;
  }
  .portal-service {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }
  .service-visual {
    padding: 8px;
  }
  .service-copy h2 {
    font-size: 20px;
  }
  .portal-more a,
  .portal-more button {
    font-size: 13px;
    gap: 6px;
  }
  .connect-copy,
  .connect-terminal {
    padding: 22px;
  }
  .connection-options {
    gap: 18px;
  }
  .connection-options > span {
    gap: 6px;
    font-size: 16px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .service-ribbon {
    animation: ribbon-arrival .8s cubic-bezier(.16, 1, .3, 1) both;
  }
  .portal-service,
  .portal-home .button,
  .account-toggle {
    transition:
      background-color .18s ease,
      border-color .18s ease,
      color .18s ease;
  }
}
@keyframes ribbon-arrival {
  from {
    filter: blur(1px);
    transform: translateY(6px);
  }
  to {
    filter: blur(0);
    transform: translateY(0);
  }
}
.cli-symbol {
  display: none;
}
@media (max-width: 540px) {
  .cli-symbol {
    display: grid;
  }
}
.customer-shell :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 3px;
}
.case-toolbar,
.case-filters,
.case-card-top,
.case-meta,
.case-event-head,
.case-status-line,
.case-pagination {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.case-toolbar {
  justify-content: space-between;
  margin: 24px 0;
}
.case-filters {
  gap: 8px;
}
.case-list {
  display: grid;
  gap: 16px;
}
.case-card {
  display: flex;
  gap: 20px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: inherit;
  text-decoration: none;
  transition: border-color .15s;
}
.case-card:hover {
  border-color: var(--brand);
}
.case-card-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--soft);
  border-radius: 12px;
}
.case-card-icon svg {
  width: 24px;
  height: 24px;
}
.case-card-body {
  flex: 1;
  min-width: 0;
}
.case-card-top {
  justify-content: space-between;
}
.case-card h2 {
  margin: 0;
  font-size: 18px;
}
.case-card p {
  margin: 8px 0;
}
.case-meta,
.case-reference,
.case-status-line,
.case-event-head time {
  color: var(--muted);
  font-size: 14px;
}
.case-meta {
  justify-content: space-between;
}
.case-reference {
  display: block;
  margin-top: 12px;
  overflow-wrap: anywhere;
}
.case-arrow {
  font-size: 24px;
}
.case-back {
  display: inline-block;
  color: inherit;
  margin-bottom: 20px;
}
.case-status-line {
  margin: -8px 0 28px;
}
.case-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.case-workspace > div {
  min-width: 0;
}
.case-workspace .panel {
  margin-bottom: 24px;
}
.case-workspace .field {
  margin-bottom: 20px;
}
.case-workspace textarea {
  resize: vertical;
  min-height: 88px;
  width: 100%;
}
.case-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 0;
}
.case-details dt {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 6px;
}
.case-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.case-notes {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}
.case-notes h3 {
  font-size: 16px;
}
.case-notes p,
.case-timeline p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.case-timeline {
  margin: 0;
  padding: 24px 24px 24px 44px;
}
.case-timeline li {
  padding: 0 0 24px 8px;
}
.case-timeline li:last-child {
  padding-bottom: 0;
}
.case-event-head {
  justify-content: space-between;
}
.case-timeline p {
  margin: 10px 0;
}
.case-timeline small {
  color: var(--muted);
}
.case-pagination {
  justify-content: flex-end;
  margin-top: 24px;
}
.case-loading {
  padding: 48px 0;
}
@media (max-width: 800px) {
  .case-workspace {
    grid-template-columns: 1fr;
  }
  .case-card {
    padding: 20px;
    gap: 12px;
  }
  .case-card-icon,
  .case-arrow {
    display: none;
  }
  .case-details {
    gap: 20px;
  }
  .case-card-top {
    align-items: flex-start;
  }
  .case-card h2 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .case-details {
    grid-template-columns: 1fr;
  }
  .case-filters .button {
    padding: 8px 12px;
  }
}
.customer-shell .console-context {
  padding-inline: 48px;
}
@media (max-width: 800px) {
  .case-workspace > div:first-child {
    order: 2;
  }
  .customer-shell .console-context {
    padding-inline: 20px;
  }
}
.case-arrow svg,
.case-back svg {
  width: 20px;
  height: 20px;
  flex: none;
}
.case-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.case-question {
  background: var(--soft);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.case-question h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.case-question p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.password-login {
  margin-top: 28px;
}
.password-login .field {
  margin-bottom: 24px;
}
.password-login label {
  font-size: 16px;
}
.password-login input {
  width: 100%;
  min-height: 50px;
  font-size: 16px;
}
.password-login .login-submit {
  width: 100%;
  min-height: 50px;
  background: var(--ink);
  color: var(--surface);
  border-color: var(--ink);
}
.captcha-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px;
  gap: 14px;
  align-items: start;
}
.captcha-refresh {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--muted);
  min-width: 0;
}
.captcha-image {
  width: 164px;
  height: 50px;
  border: 1px solid var(--line);
  border-radius: 7px;
  object-fit: contain;
  background: var(--soft);
}
.captcha-status {
  margin-top: 6px;
  font-size: 14px;
}
.local-login-help {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 20px;
  color: var(--muted);
  font-size: 14px;
}
.local-login-help summary {
  cursor: pointer;
}
.local-login-help p {
  margin-top: 12px;
  line-height: 1.8;
}
.login-panel .login-return {
  display: block;
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .captcha-row {
    grid-template-columns: minmax(0, 1fr) 138px;
    gap: 10px;
  }
  .captcha-image {
    width: 138px;
  }
}
.captcha-image:not([src]) {
  visibility: hidden;
}
.channel-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 40px;
  align-items: start;
}
.channel-guide {
  padding: 24px 0 24px 28px;
  border-left: 1px solid var(--line);
  color: var(--muted);
  font-size: 16px;
  line-height: 1.75;
}
.channel-guide h2 {
  font-size: 20px;
  color: var(--ink);
  margin-bottom: 24px;
}
.channel-guide h3 {
  font-size: 17px;
  margin-top: 28px;
  color: var(--ink);
}
.channel-guide ol {
  padding-left: 22px;
}
.channel-guide li {
  padding-left: 6px;
  margin-bottom: 24px;
}
.channel-guide p {
  margin-top: 6px;
}
.channel-guide strong {
  color: var(--ink);
}
.channel-guide a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.channel-guide svg,
.channel-row > svg {
  width: 20px;
  height: 20px;
  flex: none;
}
.channel-guide dd {
  margin: 4px 0 20px;
  color: var(--ink);
}
.channel-guide dt {
  font-size: 14px;
}
.channel-empty {
  padding: 72px 24px;
  text-align: center;
  background: var(--soft);
  border-radius: 12px;
}
.channel-empty > svg {
  width: 44px;
  height: 44px;
  color: var(--brand);
  margin-bottom: 24px;
}
.channel-empty h2 {
  font-size: 26px;
}
.channel-empty p {
  font-size: 16px;
  line-height: 1.8;
  margin: 16px 0 28px;
  color: var(--muted);
}
.channel-list {
  border-block: 1px solid var(--line);
}
.channel-row {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 28px 0;
  text-decoration: none;
  color: var(--ink);
  border-bottom: 1px solid var(--line);
}
.channel-row:last-child {
  border-bottom: 0;
}
.channel-row:hover {
  background: var(--soft);
}
.channel-row h2 {
  font-size: 21px;
  margin-bottom: 8px;
}
.channel-row p {
  font-size: 16px;
  margin-bottom: 6px;
}
.channel-row span {
  font-size: 14px;
  color: var(--muted);
}
.channel-state {
  margin-left: auto;
  white-space: nowrap;
}
.channel-symbol {
  padding: 14px;
  background: var(--soft);
  border-radius: 12px;
}
.channel-symbol svg {
  width: 26px;
  height: 26px;
}
.channel-form h2,
.channel-history h2,
.channel-confirm h2 {
  font-size: 22px;
  margin-bottom: 24px;
}
.channel-form .field-grid {
  gap: 24px;
}
.channel-form input,
.channel-form select {
  font-size: 16px;
  min-height: 48px;
}
.channel-form label {
  font-size: 15px;
}
.channel-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
.channel-confirm,
.channel-history {
  margin-top: 28px;
}
.channel-confirm p {
  font-size: 16px;
  line-height: 1.75;
}
.channel-release {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-top: 1px solid var(--line);
  padding: 20px 0;
}
.channel-release p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 8px;
}
.cli-authorization {
  max-width: 680px;
}
.cli-authorization p {
  font-size: 17px;
  line-height: 1.75;
  margin-bottom: 24px;
}
.cli-user-code {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 36px;
  letter-spacing: .08em;
  margin: 20px 0 28px;
}
@media (max-width: 900px) {
  .channel-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .channel-guide {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 28px 0;
  }
  .channel-guide ol {
    display: flex;
    gap: 30px;
  }
  .channel-guide li {
    flex: 1;
  }
  .channel-empty {
    padding: 48px 20px;
  }
}
@media (max-width: 540px) {
  .channel-guide ol {
    display: block;
  }
  .channel-symbol {
    display: none;
  }
  .channel-row {
    flex-wrap: wrap;
    gap: 12px;
  }
  .channel-row > div {
    flex-basis: 100%;
  }
  .channel-state {
    margin-left: 0;
  }
  .channel-row > svg {
    margin-left: auto;
  }
  .channel-empty h2 {
    font-size: 22px;
  }
  .channel-release {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .channel-actions .button {
    flex: 1;
  }
  .channel-form .field-grid {
    grid-template-columns: 1fr;
  }
  .channel-form .field-grid > div:empty {
    display: none;
  }
}
.workspace-cli-guide {
  margin: 40px 0;
}
.workspace-cli-guide h2 {
  margin-top: 0;
}
.workspace-cli-guide code {
  overflow-wrap: anywhere;
}
.channel-preview-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
  margin: 24px 0;
}
.channel-preview-details dt {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 6px;
}
.channel-preview-details dd {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}
@media (max-width: 540px) {
  .channel-preview-details {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
.native-tabs {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin: 0 0 2rem;
  border-bottom: 1px solid var(--line);
}
.native-tabs a {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .9rem 0;
  color: var(--muted);
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.native-tabs a[aria-current=page] {
  color: var(--brand);
  border-bottom-color: currentColor;
  font-weight: 650;
}
.native-tabs svg {
  width: 20px;
  height: 20px;
}
.native-config-preview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 420px;
  overflow: auto;
  font-size: 14px;
}
.native-source-url {
  overflow-wrap: anywhere;
}
.native-empty {
  padding: 2rem 0;
}
.quote-source-choice {
  appearance: none;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--ink);
  cursor: pointer;
  display: block;
  font: inherit;
  padding: 16px;
  text-align: left;
  width: 100%;
}
.quote-source-choice + .quote-source-choice {
  margin-top: 10px;
}
.quote-source-choice.selected {
  background: #f4f6ff;
  border-color: var(--brand);
}
.quote-source-choice small {
  display: block;
  color: var(--muted);
  line-height: 1.6;
  margin-top: 5px;
}
.native-publication {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  align-items: baseline;
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  overflow-wrap: anywhere;
}
.native-publication span {
  color: var(--muted);
}
.native-status {
  font-size: 14px;
  color: var(--muted);
}
.native-footnote {
  margin-top: 24px;
  color: var(--muted);
  font-size: 14px;
}
.native-savebar {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.native-savebar span {
  font-size: 14px;
  color: var(--muted);
}
.native-edit-table {
  margin: 24px 0;
}
.native-edit-row {
  display: grid;
  grid-template-columns: 60px repeat(4, minmax(0, 1fr)) auto;
  gap: 16px;
  align-items: end;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}
.native-edit-row .field {
  margin: 0;
}
.native-edit-row[data-native-row=rates] {
  grid-template-columns: 60px repeat(3, minmax(0, 1fr)) auto;
}
.native-row-number {
  align-self: center;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}
.native-search {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: end;
  margin: 24px 0;
}
.native-search .field {
  margin: 0;
  min-width: 140px;
}
.native-search-query {
  flex: 1;
}
.native-search .form-error {
  flex-basis: 100%;
}
.native-catalog-context {
  font-size: 14px;
  color: var(--muted);
}
.native-catalog-row {
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.native-catalog-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 16px;
}
.native-catalog-title h2 {
  font-size: 20px;
  margin: 0;
}
.native-catalog-title span,
.native-catalog-row small {
  color: var(--muted);
  font-size: 14px;
}
.native-catalog-row p {
  margin: 10px 0;
}
.native-catalog-row .business-details {
  margin-top: 16px;
}
.native-confirm-inline {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.workspace-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.workspace-recent {
  border-top: 1px solid var(--line);
}
.workspace-recent-row {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
}
.workspace-recent-row:hover h3 {
  color: var(--brand);
}
.workspace-recent-row h3 {
  font-size: 18px;
  margin: 0 0 6px;
}
.workspace-recent-row p {
  margin: 0;
  color: var(--muted);
}
.workspace-recent-row time {
  font-size: 13px;
  color: var(--muted);
}
@media (max-width: 900px) {
  .native-edit-row,
  .native-edit-row[data-native-row=rates] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .native-row-number {
    grid-column: 1/-1;
  }
  .native-edit-row > button {
    justify-self: start;
  }
}
@media (max-width: 540px) {
  .native-search .field {
    flex: 1 1 130px;
    min-width: 0;
  }
  .native-search .native-search-query {
    flex-basis: 100%;
  }
  .native-search > button {
    width: 100%;
  }
  .native-savebar {
    gap: 12px;
  }
  .workspace-recent-row {
    align-items: flex-start;
  }
  .native-tabs {
    margin-bottom: 20px;
  }
}
.native-rate-filters {
  display: flex;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
  margin: 16px 0;
}
.native-rate-filters .field {
  min-width: 110px;
  flex: 1;
}
.native-matrix-scroll {
  overflow: auto;
  max-height: 480px;
  max-width: 100%;
  margin: 16px 0;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.native-price-matrix {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.native-price-matrix th,
.native-price-matrix td {
  padding: 12px 16px;
  white-space: nowrap;
  border-bottom: 1px solid var(--line);
  text-align: left;
}
.native-price-matrix thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f6f7f9;
}
.native-price-matrix input:not([type=checkbox]) {
  min-width: 112px;
  width: 120px;
  min-height: 44px;
  border: 1px solid var(--strong);
  border-radius: 8px;
  padding: 8px;
  font: inherit;
  color: var(--ink);
  background: white;
}
.native-price-matrix small {
  display: block;
  color: var(--muted);
  font-weight: 400;
}
.native-zone-enabled {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 400;
}
.native-zone-enabled input {
  width: 18px;
  height: 18px;
}
.native-row-editor {
  margin: 24px 0;
}
.native-row-editor summary,
.native-rate-review summary {
  cursor: pointer;
  min-height: 44px;
  display: list-item;
  align-content: center;
  font-weight: 600;
}
.native-rate-review {
  margin: 24px 0;
}
.native-rate-review h3 {
  margin: 20px 0 12px;
}
.native-rule-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
}
.native-rule-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.native-rule-list dt {
  color: var(--muted);
}
.native-rule-list dd {
  margin: 0;
  font-weight: 600;
}
@media (max-width: 540px) {
  .native-admin-surface .native-admin-head {
    margin-bottom: 12px;
    gap: 6px;
    position: relative;
    padding-top: 38px;
  }
  .native-admin-surface .native-admin-head .head-actions {
    position: absolute;
    top: -10px;
    width: auto;
  }
  .native-admin-surface .native-admin-head .head-actions .button {
    min-height: 44px;
    padding: 8px 0;
    border: 0;
    background: none;
    font-size: 14px;
    flex: none;
  }
  .native-admin-surface .native-admin-head p {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .native-admin-surface .native-tabs {
    gap: 0 16px;
    margin-bottom: 12px;
  }
  .native-admin-surface .native-tabs a {
    min-height: 44px;
    padding: 8px 0;
  }
  .native-admin-surface .native-publication {
    padding: 12px;
    gap: 4px;
    margin-bottom: 12px;
  }
  .native-admin-surface .panel-body {
    padding: 16px;
  }
  .native-admin-surface .native-edit-row {
    padding-top: 12px;
    gap: 12px;
  }
  .native-admin-surface .native-row-number {
    display: none;
  }
  .native-rate-filters {
    gap: 8px;
    margin: 12px 0;
  }
  .native-rate-filters > .button {
    padding: 8px 12px;
  }
  .native-rate-filters .field {
    min-width: 95px;
  }
  .native-rule-list {
    grid-template-columns: 1fr;
  }
  .native-matrix-scroll {
    max-height: 420px;
  }
}
.native-price-matrix tbody th {
  min-width: 150px;
  white-space: normal;
}
.native-billing-editor .field-grid {
  margin-top: 16px;
}
@media (max-width: 540px) {
  .native-admin-surface .native-admin-head p {
    display: none;
  }
  .native-admin-surface .native-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 16px;
  }
  .native-admin-surface .native-tabs a {
    flex-shrink: 0;
  }
  .native-price-matrix tbody th {
    min-width: 130px;
  }
  .native-price-matrix th,
  .native-price-matrix td {
    padding: 10px;
  }
  .native-price-matrix input:not([type=checkbox]) {
    min-width: 100px;
    width: 100px;
  }
}
.market-mode {
  margin-bottom: 28px;
}
.module-context {
  padding-bottom: 8px;
}
.module-config-card .protocol-label {
  white-space: normal;
  text-align: right;
  max-width: 65%;
  line-height: 1.6;
}
.module-config-card .cap-card-head {
  align-items: flex-start;
}
.module-config-card .cap-card-foot {
  color: var(--brand);
}
@media (max-width: 1024px) {
  .market-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .market-search {
    width: 100%;
  }
  .market-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .market-categories {
    flex-direction: row;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    gap: 8px;
    padding-bottom: 4px;
  }
  .market-category {
    flex-shrink: 0;
  }
  .market-help {
    display: none;
  }
  .market-bottom {
    padding-left: 0;
  }
}
@media (max-width: 540px) {
  .market-protocols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .market-tab {
    min-width: 0;
    justify-content: space-between;
  }
}
.extraction-review {
  margin-top: 20px;
  min-width: 0;
}
.extraction-totals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.extraction-totals > div {
  padding: 12px;
  border: 1px solid var(--line, #dfe5ef);
  border-radius: 12px;
  min-width: 0;
}
.extraction-totals small,
.extraction-totals strong {
  display: block;
  overflow-wrap: anywhere;
}
.extraction-totals strong {
  margin-top: 6px;
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}
.extraction-evidence {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-width: 160px;
  max-width: 300px;
}
.extraction-review .table-wrap {
  max-height: 440px;
  overflow: auto;
}
.quote-extraction {
  margin: 20px 0;
}
@media (min-width: 1000px) {
  .business-layout.quote-business-layout {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  }
}
.carrier-pallet,
.maritime-record {
  border: 1px solid var(--border,#dfe5ef);
  border-radius: 12px;
  padding: 22px;
  margin: 22px 0;
  min-width: 0;
}
.carrier-pallet legend,
.maritime-record legend {
  font-weight: 600;
  padding: 0 8px;
}
.maritime-intro {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 20px 0 28px;
  color: #4a5d79;
}
.maritime-intro > svg {
  width: 30px;
  height: 30px;
  color: #3c62d7;
  flex-shrink: 0;
}
.maritime-query,
.maritime-editor,
.maritime-publish {
  padding: 28px;
  margin-bottom: 24px;
}
.maritime-query > .button {
  margin-top: 18px;
}
.maritime-query > small {
  display: block;
  margin-top: 14px;
  color: #66748b;
}
.maritime-source-grid,
.maritime-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 20px 0 36px;
}
.maritime-source-grid > .panel,
.maritime-results > .panel {
  margin: 0;
  min-width: 0;
}
.maritime-source {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  color: inherit;
  text-decoration: none;
  transition: border-color .15s;
}
.maritime-source:hover {
  border-color: #7392df;
}
.maritime-source svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.maritime-source > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #edf1ff;
  color: #3c62d7;
}
.maritime-source h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 18px;
  line-height: 1.5;
}
.maritime-source p {
  color: #617189;
  line-height: 1.8;
  margin: 0;
  overflow-wrap: anywhere;
}
.maritime-empty {
  padding: 36px 0;
  color: #617189;
}
.maritime-empty h2 {
  color: #263b5a;
}
.maritime-provenance {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  background: #f1f5fa;
  border-radius: 12px;
  padding: 20px;
  margin: 24px 0;
  font-size: 14px;
}
.maritime-provenance small {
  flex-basis: 100%;
  overflow-wrap: anywhere;
}
.sailing-card,
.metric-card {
  padding: 26px;
}
.sailing-card-head,
.sailing-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.sailing-route {
  margin-top: 22px;
}
.sailing-route time,
.sailing-route span {
  display: block;
  font-size: 14px;
  color: #66748b;
  margin-top: 8px;
}
.sailing-route h3 {
  margin: 0;
}
.sailing-route-icon svg {
  width: 24px;
  height: 24px;
  color: #4775cb;
}
.sailing-card > p {
  padding-top: 18px;
  border-top: 1px solid #e5eaf2;
  color: #617189;
  margin-bottom: 0;
}
.metric-value {
  font-size: 36px;
  font-weight: 600;
  color: #263f60;
}
.metric-value small {
  font-size: 16px;
  font-weight: 400;
}
.metric-card > small {
  display: block;
  color: #617189;
}
.maritime-cli {
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 28px;
}
.maritime-cli a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.maritime-cli svg {
  width: 20px;
  height: 20px;
}
.maritime-cli code {
  overflow-wrap: anywhere;
}
.maritime-editor h2 {
  margin-top: 28px;
}
.maritime-editor h2:first-child {
  margin-top: 0;
}
.maritime-record .field-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.maritime-record input,
.maritime-record select {
  width: 100%;
  min-width: 0;
}
.portal-maritime-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 24px 0 36px;
}
.portal-maritime-links > a {
  display: flex;
  gap: 18px;
  align-items: center;
  border: 1px solid #dfe5ef;
  border-radius: 16px;
  background: #fff;
  padding: 24px;
  color: #263f60;
  text-decoration: none;
}
.portal-maritime-links svg {
  width: 28px;
  height: 28px;
  color: #426cce;
  flex-shrink: 0;
}
.portal-maritime-links svg:last-child {
  margin-left: auto;
  width: 20px;
}
.portal-maritime-links strong,
.portal-maritime-links small {
  display: block;
}
.portal-maritime-links small {
  margin-top: 6px;
  color: #617189;
}
@media (max-width: 900px) {
  .maritime-record .field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .maritime-source-grid,
  .maritime-results {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .portal-maritime-links {
    grid-template-columns: 1fr;
  }
  .maritime-query,
  .maritime-editor,
  .maritime-publish {
    padding: 20px;
  }
  .maritime-record .field-grid {
    grid-template-columns: 1fr;
  }
  .maritime-record,
  .carrier-pallet {
    padding: 16px;
  }
  .sailing-route {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .sailing-route-icon {
    display: none !important;
  }
  .maritime-workspace .channel-actions {
    flex-wrap: wrap;
  }
}
.carrier-business-layout {
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr);
  align-items: start;
}
.carrier-business-layout .carrier-pallet .field-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.carrier-business-layout .business-input-panel {
  min-width: 0;
}
.maritime-provenance > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.maritime-provenance > a > svg {
  width: 16px;
  height: 16px;
}
.maritime-provenance > details {
  flex-basis: 100%;
  font-size: 13px;
  color: #617189;
}
.maritime-provenance summary {
  cursor: pointer;
}
.maritime-provenance details small {
  display: block;
  margin-top: 10px;
}
@media (max-width: 1000px) {
  .carrier-business-layout {
    grid-template-columns: 1fr;
  }
  .carrier-business-layout .carrier-pallet .field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .carrier-business-layout .carrier-pallet .field-grid {
    grid-template-columns: 1fr;
  }
}
.schedule-page {
  max-width: 1280px;
}
.schedule-page > .page-head {
  margin-bottom: 20px;
}
.schedule-query-shell {
  margin: 20px 0;
}
.schedule-context-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.schedule-context-note > .inline-note {
  flex: 1;
  margin: 0;
}
.schedule-query {
  border: 1px solid #dbe3ed;
  border-top: 3px solid #3560d9;
  border-radius: 8px;
  padding: 22px 24px;
  background: #f8fafc;
}
.schedule-form-title {
  font-size: 16px;
  margin: 0 0 16px;
  color: #243751;
}
.schedule-route-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}
.schedule-route-search > .button {
  height: 46px;
  min-width: 130px;
  margin: 0;
}
.schedule-search-arrow {
  align-self: end;
  line-height: 46px;
  text-align: center;
  color: #3b65c5;
  font-size: 24px;
}
.schedule-primary-fields {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.schedule-query input,
.schedule-query select {
  background: #fff;
  min-width: 0;
  width: 100%;
}
.schedule-secondary {
  border-top: 1px solid #e2e7ee;
  padding: 16px 0;
  margin: 16px 0;
  background: #fff;
}
.schedule-secondary > summary {
  cursor: pointer;
  font-weight: 600;
  color: #33486b;
  min-height: 28px;
}
.schedule-secondary[open] > summary {
  margin-bottom: 16px;
}
.schedule-country {
  border: 0;
  padding: 0;
  margin: 12px 0 0;
  background: transparent;
}
.schedule-country > summary {
  font-size: 13px;
  font-weight: 400;
  color: #365fc0;
}
.schedule-country .field-grid {
  grid-template-columns: 1fr 1fr;
  max-width: 650px;
}
.schedule-result-empty {
  text-align: center;
  padding: 46px 20px 36px;
}
.schedule-result-empty h2 {
  font-size: 21px;
  margin-bottom: 10px;
}
.schedule-result-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 28px 0 12px;
}
.schedule-result-heading h2 {
  font-size: 21px;
  margin: 0;
  color: #243751;
  overflow-wrap: anywhere;
}
.schedule-result-heading h2 > span {
  color: #3b65c5;
  padding: 0 8px;
}
.schedule-result-heading p {
  margin: 8px 0 0;
}
.schedule-result-heading > span,
.schedule-result-heading p,
.schedule-business-note {
  color: #687990;
  font-size: 13px;
  line-height: 1.7;
}
.schedule-business-note {
  margin: 12px 0;
}
.schedule-route-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 16px;
  background: #edf3fa;
  border-radius: 4px;
  color: #536982;
  font-size: 14px;
}
.schedule-route-totals strong {
  color: #285ec1;
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
}
.schedule-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 10px;
}
.schedule-section-heading h3 {
  font-size: 15px;
  color: #263b55;
  margin: 0;
}
.schedule-section-heading > span {
  font-size: 12px;
  color: #687990;
}
.schedule-weekly {
  margin: 22px 0;
}
.schedule-week-days {
  display: flex;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.schedule-week-days > button {
  font: inherit;
  color: #4c617b;
  flex: 1;
  min-width: 0;
  min-height: 72px;
  background: transparent;
  border: 0;
  border-right: 1px solid #e1e7ef;
  padding: 10px 6px;
  cursor: pointer;
}
.schedule-week-days > button:last-child {
  border-right: 0;
}
.schedule-week-days > button > span,
.schedule-week-days > button > strong {
  display: block;
  font-size: 13px;
  line-height: 1.8;
}
.schedule-week-days > button > strong {
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}
.schedule-week-days small {
  font-size: 11px;
  font-weight: 400;
}
.schedule-week-days > button[aria-pressed=true] {
  background: #3560d9;
  color: #fff;
}
.schedule-week-days > button:not(:disabled):hover {
  background: #edf3ff;
  color: #234dc0;
}
.schedule-week-days > button:focus-visible {
  outline: 3px solid #203a89;
  outline-offset: -4px;
}
.schedule-week-days > button:disabled {
  color: #8491a3;
  background: #f8fafc;
  cursor: default;
}
.schedule-month {
  margin: 22px 0;
}
.schedule-results {
  border: 1px solid #dce3ed;
  border-radius: 6px;
  overflow: hidden;
}
.voyage-grid {
  display: grid;
  grid-template-columns: 1.5fr .85fr 1.25fr 1.2fr 1.25fr;
  gap: 16px;
  padding: 18px;
}
.voyage-header {
  background: #eaf1fa;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #425d7d;
  font-size: 13px;
  font-weight: 600;
}
.schedule-card {
  background: #fff;
  border-top: 1px solid #e3e8ef;
}
.schedule-card:nth-child(odd) {
  background: #fafcff;
}
.schedule-card .voyage-grid > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.voyage-grid strong {
  font-size: 14px;
  font-weight: 600;
  color: #263b55;
  line-height: 1.5;
}
.voyage-vessel > strong {
  color: #2b5fb8;
}
.voyage-grid time {
  font-size: 14px;
  color: #263b55;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
}
.voyage-grid small,
.voyage-vessel > span:not(.voyage-label) {
  color: #697b92;
  font-size: 12px;
  line-height: 1.5;
}
.voyage-label {
  display: none;
}
.schedule-voyage-details {
  padding: 0 14px 8px;
}
.schedule-voyage-details > summary {
  cursor: pointer;
  font-size: 12px;
  color: #365fc0;
  list-style-position: inside;
  min-height: 30px;
  align-content: center;
}
.schedule-voyage-details[open] > summary {
  margin-bottom: 8px;
}
.schedule-detail-body {
  background: #f0f5fb;
  border-radius: 4px;
  padding: 12px;
}
.schedule-detail-body h3 {
  font-size: 13px;
  margin: 0 0 10px;
  color: #304a6b;
}
.schedule-itinerary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 12px;
}
.schedule-leg {
  position: relative;
  border-left: 2px solid #b6cae7;
  padding: 0 14px;
  color: #566b85;
  font-size: 13px;
  line-height: 1.7;
}
.schedule-leg:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3560d9;
}
.schedule-leg p {
  margin: 4px 0;
}
.schedule-leg ul {
  padding-left: 18px;
  margin: 4px 0;
}
.schedule-snapshot,
.schedule-sources {
  margin-top: 20px;
}
@media (max-width: 950px) {
  .voyage-grid {
    gap: 12px;
    padding: 14px;
  }
  .voyage-grid time {
    font-size: 13px;
  }
  .schedule-week-days small {
    display: none;
  }
}
@media (max-width: 700px) {
  .schedule-route-search {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
  }
  .schedule-search-arrow {
    display: none;
  }
  .schedule-route-search > .button {
    grid-column: 1/-1;
    width: 100%;
    order: 3;
  }
  .schedule-primary-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
  }
  .schedule-query {
    padding: 18px;
  }
  .schedule-context-note {
    align-items: flex-start;
  }
  .schedule-result-heading {
    display: block;
  }
  .schedule-result-heading > span {
    display: block;
    margin-top: 8px;
  }
  .schedule-result-heading h2 {
    font-size: 18px;
  }
  .schedule-week-days {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .schedule-week-days > button {
    min-height: 60px;
    border-bottom: 1px solid #e1e7ef;
  }
  .schedule-week-days > button > strong {
    font-size: 16px;
  }
  .voyage-header {
    display: none;
  }
  .schedule-results {
    border: 0;
    overflow: visible;
  }
  .schedule-card {
    border: 1px solid #dce3ed;
    border-radius: 6px;
    margin: 12px 0;
  }
  .voyage-grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px 14px;
    padding: 18px;
  }
  .voyage-grid > .voyage-vessel {
    grid-column: 1/-1;
    padding-bottom: 14px;
    border-bottom: 1px solid #e2e9f2;
  }
  .voyage-label {
    display: block;
    font-size: 12px;
    color: #687990;
    margin-bottom: 2px;
  }
  .voyage-grid strong {
    font-size: 14px;
  }
  .voyage-grid time {
    font-size: 14px;
  }
  .schedule-voyage-details {
    padding: 0 14px 8px;
  }
  .schedule-voyage-details > summary {
    min-height: 44px;
  }
  .schedule-context-note > .button {
    min-width: 64px;
  }
  .schedule-context-note > .inline-note {
    min-width: 0;
  }
  .schedule-detail-body {
    padding: 12px;
  }
  .schedule-section-heading {
    align-items: flex-start;
  }
}
@media (max-width: 380px) {
  .schedule-query {
    padding: 14px;
  }
  .schedule-primary-fields {
    gap: 14px 10px;
  }
  .voyage-grid {
    padding: 14px;
    gap: 16px 12px;
  }
}
.port-field {
  position: relative;
  min-width: 0;
}
.port-selection {
  font-size: 11px;
  line-height: 18px;
  min-height: 18px;
  color: #5d7390;
  overflow-wrap: anywhere;
}
.schedule-route-search {
  align-items: start;
}
.schedule-route-search > .button {
  margin-top: 28px;
}
.schedule-search-arrow {
  align-self: start;
  margin-top: 28px;
}
.port-menu {
  position: absolute;
  top: 78px;
  left: 0;
  width: max(100%, 320px);
  max-width: calc(100vw - 60px);
  max-height: 330px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #9bb9ec;
  border-radius: 4px;
  box-shadow: 0 8px 24px #233e6524;
  z-index: 30;
  text-align: left;
}
.port-menu[hidden] {
  display: none;
}
.port-menu-heading {
  padding: 10px 14px;
  font-size: 12px;
  color: #677f9c;
  background: #f1f6fc;
  border-bottom: 1px solid #e0e9f4;
}
.port-menu [role=option] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #edf1f7;
  background: #fff;
  min-height: 56px;
  padding: 10px 14px;
  text-align: left;
  font: inherit;
  cursor: pointer;
  color: #233e60;
}
.port-menu [role=option]:hover,
.port-menu [role=option][aria-selected=true] {
  background: #e9f2ff;
}
.port-menu [role=option]:focus-visible {
  outline: 2px solid #3560d9;
  outline-offset: -2px;
}
.port-menu strong {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.port-menu small {
  display: block;
  font-size: 12px;
  color: #66809e;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.port-country {
  font-size: 12px;
  color: #526b89;
  flex-shrink: 0;
  max-width: 90px;
}
.port-menu-status {
  font-size: 12px;
  color: #657b99;
  padding: 12px 14px;
  margin: 0;
}
@media (max-width: 700px) {
  .schedule-route-search > .button {
    margin-top: 0;
  }
  .port-menu {
    width: calc(200% + 14px);
    max-width: calc(100vw - 66px);
  }
  .port-field:nth-of-type(2) .port-menu {
    left: auto;
    right: 0;
  }
  .port-selection {
    font-size: 10px;
  }
}
.service-overview-heading {
  margin-top: 24px;
}
.service-overview h3,
.service-section h3 {
  font-size: 18px;
  margin: 24px 0 12px;
  color: #272f3b;
}
.service-week-table {
  border: 1px solid #e0e5ed;
  border-radius: 6px;
  overflow: hidden;
}
.service-week-head,
.service-week-row {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
}
.service-week-head {
  background: #5c8fe0;
  color: #fff;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 600;
}
.service-week-row {
  padding: 10px 18px;
  min-height: 54px;
  align-items: center;
  border-top: 1px solid #e0e5ed;
  background: #fff;
}
.service-week-row:nth-child(even) {
  background: #f6f8fc;
}
.service-week-row > button {
  font: inherit;
  border: 0;
  background: none;
  text-align: left;
  color: #1760da;
  font-weight: 600;
  cursor: pointer;
  padding: 8px 0;
}
.service-week-row > button:disabled {
  color: #8390a2;
  cursor: default;
}
.service-week-row > div {
  display: flex;
  gap: 10px 28px;
  flex-wrap: wrap;
  align-items: center;
}
.service-week-carrier {
  font: inherit;
  font-size: 15px;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 6px 0;
  color: #343c49;
}
.service-week-carrier strong {
  font-weight: 600;
}
.service-week-carrier span,
.service-muted {
  color: #738196;
  font-size: 14px;
}
.service-week-row button[aria-pressed=true] {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.service-empty {
  padding: 32px 18px;
  text-align: center;
  color: #6b7a90;
  background: #fff;
}
.service-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  color: #50627b;
  font-size: 14px;
}
.service-table-wrap {
  border: 1px solid #e0e5ed;
  border-radius: 6px;
  overflow: hidden;
}
.service-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 14px;
}
.service-table th {
  background: #5c8fe0;
  color: #fff;
  font-weight: 500;
  padding: 14px;
  text-align: left;
  white-space: nowrap;
}
.service-table td {
  border-top: 1px solid #e0e5ed;
  padding: 16px 14px;
  vertical-align: middle;
  overflow-wrap: anywhere;
}
.service-table tr:nth-child(even) {
  background: #f8faff;
}
.service-carrier {
  color: #1760da;
  font-size: 16px;
}
.service-duration {
  color: #c34d12;
  white-space: nowrap;
  font-size: 15px;
}
.service-transfer {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 3px 0;
  min-width: 94px;
}
.service-transfer b {
  border: 1px solid #c95a27;
  border-radius: 2px;
  padding: 1px 3px;
  color: #c34d12;
  white-space: nowrap;
  font-weight: 500;
  font-size: 12px;
}
.service-detail-button {
  white-space: nowrap;
  min-height: 40px;
  padding: 8px 12px;
  font-size: 13px;
}
.service-detail-button span {
  background: #ecf2fc;
  color: #396bb4;
  border-radius: 3px;
  font-size: 11px;
  padding: 1px 4px;
  margin-left: 4px;
}
.service-back {
  margin-bottom: 14px;
}
.service-profile {
  border: 1px solid #dce3ed;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  margin: 12px 0 16px;
}
.service-profile > header {
  background: #e8eff6;
  padding: 12px 16px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.service-profile h2 {
  font-size: 17px;
  font-weight: 500;
  margin: 0;
}
.service-profile header > span {
  font-size: 12px;
  color: #738196;
}
.service-profile-body {
  padding: 10px;
  display: grid;
  grid-template-columns: 2.5fr 1fr;
}
.service-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  border-top: 1px solid #dce3ed;
  border-left: 1px solid #dce3ed;
}
.service-facts > div {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  border-bottom: 1px solid #dce3ed;
  border-right: 1px solid #dce3ed;
  font-size: 13px;
}
.service-facts dt {
  padding: 9px 10px;
  background: #f1f3f7;
  color: #58687f;
}
.service-facts dd {
  padding: 9px 10px;
  margin: 0;
  overflow-wrap: anywhere;
}
.service-routing {
  background: #edf3ff;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.service-routing > strong {
  color: #1760da;
  font-size: 24px;
  white-space: nowrap;
}
.service-routing span {
  display: block;
  margin: 4px 0;
  border-left: 2px solid #568bdf;
  padding-left: 10px;
  font-size: 13px;
}
.service-detail-view .schedule-month {
  border: 1px solid #dce3ed;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 16px;
  background: #fff;
}
.service-detail-view .schedule-month > .schedule-section-heading {
  background: #e8eff6;
  margin: 0;
  padding: 12px 16px;
}
.service-detail-view .schedule-month h3 {
  font-size: 16px;
  font-weight: 500;
}
.service-detail-view .schedule-results {
  border: 0;
  border-radius: 0;
}
.service-detail-view .voyage-header {
  background: #f3f5f9;
  color: #738196;
  font-weight: 500;
}
.service-detail-view .schedule-card:nth-child(odd) {
  background: #f7f9fc;
}
@media (max-width: 1100px) {
  .service-table th,
  .service-table td {
    padding: 12px 9px;
    font-size: 13px;
  }
  .service-profile-body {
    grid-template-columns: 1fr;
  }
  .service-routing {
    justify-content: flex-start;
  }
}
@media (max-width: 700px) {
  .service-week-head,
  .service-week-row {
    grid-template-columns: 82px minmax(0, 1fr);
    padding: 10px 12px;
  }
  .service-week-row > div {
    gap: 4px 16px;
  }
  .service-week-carrier {
    font-size: 14px;
  }
  .service-week-carrier span {
    font-size: 12px;
  }
  .service-overview-heading {
    display: block;
  }
  .service-overview-heading > span {
    display: block;
    margin-top: 5px;
  }
  .service-table-wrap {
    border: 0;
    overflow: visible;
  }
  .service-table,
  .service-table tbody {
    display: block;
  }
  .service-table thead {
    display: none;
  }
  .service-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #dce3ed;
    border-radius: 6px;
    overflow: hidden;
    margin: 10px 0;
    padding: 8px 0;
  }
  .service-table td {
    display: block;
    border: 0;
    padding: 8px 14px;
  }
  .service-table td:before {
    content: attr(data-label);
    display: block;
    font-size: 11px;
    color: #728299;
    margin-bottom: 5px;
  }
  .service-table td:last-child {
    grid-column: 1/-1;
  }
  .service-detail-button {
    width: 100%;
    min-height: 44px;
  }
  .service-profile > header {
    padding: 12px;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .service-profile-body {
    padding: 10px;
  }
  .service-facts {
    grid-template-columns: 1fr;
  }
  .service-facts > div {
    grid-template-columns: 104px minmax(0, 1fr);
  }
  .service-routing {
    padding: 14px;
  }
  .service-routing > strong {
    font-size: 24px;
  }
  .service-detail-view .schedule-month > .schedule-section-heading {
    padding: 12px;
  }
  .service-detail-view .schedule-month h3 {
    font-size: 15px;
  }
  .service-detail-view .schedule-card {
    border: 0;
    border-top: 1px solid #dce3ed;
    border-radius: 0;
    margin: 0;
  }
  .service-detail-view .voyage-grid {
    padding: 12px;
    gap: 10px;
  }
  .service-detail-view .schedule-voyage-details {
    padding: 0 12px 8px;
  }
}
.schedule-detail-page .schedule-form-title {
  display: none;
}
.schedule-detail-filters {
  margin-top: 12px;
}
.schedule-detail-filters > summary {
  font-size: 12px;
  color: #647996;
  cursor: pointer;
}
.schedule-detail-filters[open] .schedule-primary-fields {
  margin-top: 14px;
}
.schedule-detail-page > .page-head {
  display: none;
}
.customs-workspace {
  display: grid;
  gap: 18px;
}
.customs-workspace > * {
  min-width: 0;
}
.customs-workspace .panel-head {
  padding: 16px 20px;
}
.customs-workspace .panel-head p {
  font-size: 14px;
  line-height: 1.6;
}
.customs-workspace .panel-body {
  padding: 20px;
}
.customs-query-fields {
  display: grid;
  grid-template-columns: minmax(260px, 2fr) minmax(160px, 1fr) minmax(170px, 1fr) auto;
  gap: 14px;
  align-items: start;
}
.customs-query-fields .form-actions {
  margin: 29px 0 0;
  padding: 0;
  border: 0;
}
.customs-query-fields .field {
  margin: 0;
}
.customs-extra {
  margin-top: 12px;
}
.customs-extra > summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 14px;
}
.customs-extra > p {
  margin-top: 12px;
  font-size: 14px;
}
.customs-extra .field-grid {
  margin-top: 14px;
  max-width: 850px;
}
.customs-country-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.customs-country-tabs [aria-pressed=true] {
  background: var(--ink);
  color: white;
}
.customs-country-tabs span {
  margin-left: 5px;
}
.customs-result-state {
  margin: 10px 0 14px;
  color: var(--muted);
  font-size: 13px;
}
.customs-result-toolbar {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.customs-candidate-picker {
  display: block;
  flex: 1;
  min-width: 220px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600;
}
.customs-candidate-picker select {
  display: block;
  width: 100%;
  margin-top: 6px;
  min-width: 0;
  text-overflow: ellipsis;
}
.customs-copy-action {
  display: grid;
  gap: 4px;
}
.customs-copy-status {
  font-size: 13px;
  color: var(--muted);
}
.customs-copy-status:empty {
  display: none;
}
.customs-brief-context {
  margin: 16px 0 10px;
  font-size: 13px;
  color: var(--muted);
}
.customs-classification {
  margin-bottom: 12px;
}
.customs-classification > div {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.customs-classification > div > span:first-child {
  font-size: 14px;
  color: var(--muted);
}
.customs-code {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.customs-classification p {
  margin-top: 6px;
  font-size: 14px;
}
.customs-classification p small {
  margin-left: 8px;
  font-size: 13px;
}
.customs-classification p.customs-classification-reason {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.customs-brief {
  margin: 0;
  border: 1px solid var(--line);
  table-layout: fixed;
}
.customs-brief tr > * {
  padding: 10px 12px;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
}
.customs-brief thead th {
  background: var(--soft);
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}
.customs-brief thead th:first-child {
  width: 110px;
}
.customs-brief thead th:nth-child(2) {
  width: 32%;
}
.customs-brief tbody th {
  background: transparent;
  color: var(--ink);
  font-weight: 600;
}
.customs-brief td:last-child {
  color: var(--muted);
  font-size: 13px;
}
.customs-brief td > strong {
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}
.customs-brief small {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  margin-top: 3px;
}
.customs-brief .badge {
  font-size: 12px;
}
.customs-brief tbody tr:last-child > * {
  border-bottom: 0;
}
.customs-pending {
  font-weight: 600;
  color: var(--amber);
}
.customs-rate-label {
  display: block;
  font-size: 13px;
  margin-top: 2px;
}
.customs-product-names {
  margin: 16px 0 12px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.customs-product-names h3 {
  font-size: 14px;
  margin-bottom: 8px;
}
.customs-product-names > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.customs-product-names p {
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.customs-product-names > small {
  display: block;
  font-size: 13px;
  margin-top: 8px;
}
.customs-evidence-line,
.customs-boundary {
  font-size: 13px;
  line-height: 1.6;
  margin: 8px 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.customs-source-detail {
  margin: 18px 0;
  overflow-wrap: anywhere;
}
.customs-source-detail p {
  margin-top: 6px;
}
.customs-candidate-comparison > p {
  font-size: 13px;
  color: var(--muted);
  margin: 10px 0;
}
.customs-candidate-comparison table {
  min-width: 640px;
  table-layout: fixed;
}
.customs-candidate-comparison th:first-child {
  width: 150px;
}
.customs-candidate-comparison tr > * {
  padding: 10px 12px;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.customs-candidate-comparison small {
  display: block;
  font-size: 13px;
  color: var(--brand);
}
.customs-current-candidate {
  background: var(--blue-soft);
}
@media (max-width: 1100px) {
  .customs-query-fields {
    grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr);
  }
  .customs-query-fields .form-actions {
    align-self: end;
    margin: 0;
  }
}
@media (max-width: 760px) {
  .customs-product-names > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}
@media (max-width: 600px) {
  .customs-workspace .panel-body,
  .customs-workspace .panel-head {
    padding: 16px;
  }
  .customs-query-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .customs-query-fields .form-actions {
    margin: 0;
  }
  .customs-query-fields .form-actions .button {
    width: 100%;
  }
  .customs-country-tabs .button {
    padding: 8px 10px;
    font-size: 14px;
  }
  .customs-extra .field-grid {
    grid-template-columns: 1fr;
  }
  .customs-candidate-picker {
    min-width: 0;
    flex-basis: 100%;
  }
  .customs-classification p small {
    display: block;
    margin-left: 0;
  }
  .customs-brief thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
  .customs-brief tbody {
    display: block;
  }
  .customs-brief tr {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    border-bottom: 1px solid var(--line);
  }
  .customs-brief tr:last-child {
    border-bottom: 0;
  }
  .customs-brief tr > * {
    border: 0;
    padding: 10px 10px 4px;
  }
  .customs-brief td:last-child {
    grid-column: 2;
    padding-top: 0;
    padding-bottom: 10px;
  }
}