/* Functional pages reuse the storefront tokens. Public merchandising keeps its layout. */
.workflow-theme .support-chat-shell {
  max-width: 1100px;
}

.support-chat-header {
  padding: 24px 0 12px;
}

.workflow-theme form.chat-close-form {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 20px;
  max-width: none;
}

.support-chat-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.store-chat-context {
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
  margin-bottom: 16px;
  overflow-wrap: anywhere;
}

.store-chat-context>strong {
  display: inline-block;
  margin-right: 10px;
}

.store-chat-context p {
  margin: 8px 0 0;
}

.workflow-theme .support-chat-title .page-title {
  margin: 0;
}

.support-case-id {
  display: inline-flex;
  flex-shrink: 0;
  padding: 6px 10px;
  border: 1px solid #ead896;
  border-radius: 8px;
  background: #fcf4cf;
  color: #335541;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.notification-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 6px;
}

.notification-heading h2 {
  margin: 0;
}

.checkout-delivery-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-areas: "items summary" "voucher summary";
  gap: 24px;
}

.checkout-items {
  grid-area: items;
  min-width: 0;
}

.checkout-items>article:last-child {
  margin-bottom: 0 !important;
}

.checkout-summary {
  grid-area: summary;
  min-width: 0;
  display: flex;
}

.checkout-delivery-grid .order-summary {
  position: static;
  width: 100%;
}

.checkout-voucher {
  grid-area: voucher;
  min-width: 0;
}

.checkout-voucher>div {
  margin-top: 0 !important;
}

.delivery-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
  gap: 24px;
}

.delivery-card-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.delivery-card-stack .workspace-panel {
  margin: 0;
  overflow-wrap: anywhere;
}

.delivery-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.delivery-assignment-list {
  display: grid;
  gap: 16px;
}

.delivery-assignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.delivery-assignment>div {
  min-width: 0;
  overflow-wrap: anywhere;
  flex: 1;
}

.delivery-stat-grid>article {
  min-width: 0;
  overflow-wrap: anywhere;
}

.delivery-progress {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  gap: 12px;
}

.delivery-progress li {
  flex: 1;
  min-width: 0;
  color: #648b74;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  position: relative;
}

.delivery-progress li::before {
  content: '';
  position: absolute;
  height: 2px;
  background: #e2f0e8;
  top: 19px;
  left: -50%;
  width: 100%;
}

.delivery-progress li:first-child::before {
  display: none;
}

.delivery-step-dot {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1f9f4;
  border: 1px solid #d9ebe0;
  font-weight: 700;
}

.delivery-progress .is-done {
  color: #193625;
  font-weight: 600;
}

.delivery-progress .is-done .delivery-step-dot,
.delivery-progress .is-done::before {
  background: #f4d47b;
  border-color: #e6c361;
}

.delivery-product-group+.delivery-product-group {
  border-top: 1px solid #e2f0e8;
  margin-top: 20px;
  padding-top: 20px;
}

.delivery-product-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
}

.delivery-chat-log {
  min-height: 220px;
  height: 340px;
  overflow-y: auto;
  padding: 16px;
}

.delivery-chat-composer {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  max-width: none;
}

.delivery-chat-composer textarea {
  min-height: 48px;
  height: 48px;
  resize: vertical;
}

.delivery-chat-composer .btn-market {
  flex-shrink: 0;
}

.workflow-theme form.delivery-chat-composer {
  max-width: none;
  background: transparent;
  border: 0;
  padding: 0;
}

@media (max-width: 991.98px) {

  .delivery-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .delivery-progress {
    flex-wrap: wrap;
    gap: 16px;
  }

  .delivery-progress li {
    flex: 0 0 calc(33.333% - 12px);
  }

  .delivery-progress li::before {
    display: none;
  }

  .delivery-assignment,
  .delivery-product-line {
    flex-wrap: wrap;
  }

  .checkout-delivery-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "items" "summary" "voucher";
  }
}

.workflow-theme .support-chat-header .page-title {
  font-size: clamp(25px, 3vw, 34px);
}

.support-chat-log {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 420px;
  overflow-y: auto;
  padding: 24px;
  background: #f4f8f6;
  border: 1px solid var(--line);
  border-radius: 16px;
  overscroll-behavior: contain;
}

.support-chat-welcome {
  height: 240px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.support-chat-bubble {
  align-self: flex-start;
  max-width: 82%;
  padding: 14px 18px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 16px 16px 16px 4px;
  overflow-wrap: anywhere;
  flex-shrink: 0;
}

.support-chat-bubble.support-chat-own {
  align-self: flex-end;
  background: #fcf4cf;
  border-color: #ead896;
  border-radius: 16px 16px 4px 16px;
}

.support-chat-bubble.support-chat-private {
  border-style: dashed;
  background: #eaf8f0;
}

.support-chat-sender {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 14px;
}

.support-chat-role {
  padding: 2px 7px;
  border-radius: 6px;
  background: #e6f1eb;
  color: #335541;
  font-size: 11px;
  font-weight: 600;
}

.support-chat-body {
  font-size: 15px;
  line-height: 1.6;
}

.support-chat-bubble time {
  display: block;
  text-align: right;
  color: var(--muted);
  font-size: 11px;
  margin-top: 8px;
}

.workflow-theme form.support-chat-composer {
  max-width: none;
  background: transparent;
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 16px 0;
}

.workflow-theme .support-chat-composer textarea {
  width: 100%;
  min-height: 90px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 16px;
  background: white;
}

.support-chat-composer>button {
  align-self: flex-end;
  min-width: 160px;
}

.chat-composer-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.workflow-theme .chat-composer-row textarea {
  flex: 1;
  min-width: 0;
  height: 54px;
  min-height: 54px;
  max-height: 160px;
  margin: 0;
  padding: 12px;
  font-size: 14px;
}

.chat-attach-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
  cursor: pointer;
  margin: 0 !important;
  overflow: hidden;
}

.chat-attach-button input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.chat-attach-button:focus-within {
  outline: 2px solid #42ca7b;
  outline-offset: 2px;
}

.workflow-theme .chat-composer-row .chat-send-button {
  flex-shrink: 0;
  min-width: 64px;
  height: 44px;
  padding: 8px 12px;
  margin: 0;
}

.chat-selected-files:empty {
  display: none;
}

.support-chat-details {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  margin-top: 24px;
}

.support-chat-details summary {
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 16px;
}

@media (max-width: 600px) {

  .support-chat-log {
    height: 360px;
    padding: 14px;
  }

  .support-chat-bubble {
    max-width: 94%;
    padding: 12px;
  }

  .support-chat-welcome {
    height: 180px;
  }
}

.auth-card #id_account_type {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}

.workflow-theme .auth-card #id_account_type label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 10px;
  margin: 0;
  min-height: 48px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.workflow-theme .auth-card #id_account_type label:has(input:checked) {
  background: #fff4ce;
  border-color: #d8b65b;
  color: var(--ink);
}

.workflow-theme .auth-card #id_account_type input[type=radio] {
  width: 18px;
  height: 18px;
  min-height: 0;
  padding: 0;
  margin: 0;
  flex: 0 0 18px;
}

@media (max-width: 600px) {

  .auth-card #id_account_type>div:last-child {
    grid-column: 1 / -1;
  }
}

.workflow-theme [data-notification-toggle] button {
  min-width: 128px;
  white-space: nowrap;
}

.support-start-button {
  margin: 8px 0 0;
  gap: 10px;
}

.support-start-button .nav-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.support-request-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 32px 0 16px;
}

.workflow-theme .support-request-heading h2 {
  margin: 0;
  font-size: 22px;
}

.support-request-list {
  display: grid;
  gap: 12px;
}

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

.support-request-row>div {
  min-width: 0;
}

.workflow-theme .support-request-row h3 {
  margin: 0 0 8px;
  font-size: 17px;
  overflow-wrap: anywhere;
}

.support-request-row p {
  margin: 0 0 8px;
  font-size: 13px;
}

.support-request-row>a {
  flex-shrink: 0;
  min-width: 148px;
}

.support-request-empty {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
}

.workflow-theme .support-request-empty h3 {
  margin-top: 0;
  font-size: 17px;
}

@media (max-width: 600px) {

  .support-request-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .support-request-row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 16px;
  }

  .support-request-row>a {
    align-self: flex-start;
  }
}

.conversation-list-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.conversation-list-copy {
  min-width: 0;
}

.workflow-theme .conversation-list-copy h2 {
  margin: 0 0 6px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.conversation-list-copy p {
  margin: 0;
  font-size: 13px;
}

.conversation-list-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px !important;
  color: var(--muted);
}

.conversation-view-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
}

.conversation-view-button .nav-icon {
  width: 20px;
  height: 20px;
}

@media (max-width: 600px) {

  .conversation-list-card {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}

.followed-store-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.workflow-theme .followed-store-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  min-width: 0;
}

.followed-store-card .store-card-identity {
  margin: 0;
}

.workflow-theme .followed-store-card h2 {
  margin: 0;
  font-size: 20px;
}

.followed-store-card .workspace-form-actions {
  margin: auto 0 0;
  align-items: center;
  gap: 12px;
}

.workflow-theme .followed-store-card .workspace-form-actions> :is(a, form) {
  margin: 0;
  align-self: center;
}

.followed-store-card .workspace-form-actions form {
  display: flex;
  margin: 0;
  padding: 0;
}

.workflow-theme .followed-store-card .workspace-form-actions :is(a, button) {
  height: 44px;
  min-height: 44px;
  padding: 10px 16px;
  line-height: 22px;
}

.followed-store-card .workspace-form-actions>a {
  min-width: 144px;
}

.followed-store-card .workspace-form-actions button {
  min-width: 112px;
}

.followed-store-grid>.empty-state {
  grid-column: 1 / -1;
}

@media (max-width: 700px) {

  .followed-store-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .workflow-theme .followed-store-card {
    padding: 16px;
  }

  .followed-store-card .workspace-form-actions>a {
    min-width: 0;
  }

  .followed-store-card .workspace-form-actions button {
    min-width: 0;
  }

  .followed-store-card .workspace-form-actions {
    gap: 8px;
    flex-wrap: nowrap;
  }

  .workflow-theme .followed-store-card .workspace-form-actions :is(a, button) {
    padding: 10px;
    font-size: 13px;
    white-space: nowrap;
  }
}

.store-panel .workspace-form-actions>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.store-panel .workspace-form-actions .nav-icon {
  width: 20px;
  height: 20px;
}

.store-directory-card {
  display: flex;
  flex-direction: column;
}

.store-directory-card .store-explore-button {
  align-self: flex-start;
  margin-top: auto;
}

.support-channel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}

.workflow-theme main .support-channel-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 116px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow);
  color: var(--ink);
  font-size: 17px;
  font-weight: 650;
  text-decoration: none;
}

.workflow-theme main .support-channel-card:hover {
  border-color: #d8b65b;
  background: #fff8e4;
}

.support-channel-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 10px;
  background: #fff4ce;
  color: var(--brand);
}

.support-channel-icon .nav-icon {
  width: 24px;
  height: 24px;
}

.support-channel-arrow {
  margin-left: auto;
  color: var(--muted);
}

@media (max-width: 1000px) {

  .support-channel-grid {
    gap: 12px;
  }

  .workflow-theme main .support-channel-card {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 18px 12px;
    font-size: 15px;
  }

  .support-channel-arrow {
    margin: 0;
  }
}

@media (max-width: 600px) {

  .support-channel-grid {
    overflow-x: auto;
    grid-template-columns: repeat(3, minmax(190px, 1fr));
    padding: 2px 2px 8px;
  }
}

.workflow-theme main {
  color: var(--ink);
}

.workflow-theme main h1 {
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.25;
}

.workflow-theme main h2 {
  font-size: 22px;
  line-height: 1.35;
}

.workflow-theme main h3 {
  font-size: 17px;
  line-height: 1.4;
}

.workflow-theme main :is(.h4, .h5) {
  font-size: 18px;
}

.workflow-theme main .eyebrow {
  font-size: 12px;
}

.workflow-theme main>.shell.section-space:not(.account-layout):not(.auth-layout):not(.seller-workspace):not(.form-page):not(.dashboard-shell) {
  width: calc(100% - 80px);
  margin: 28px auto 40px;
  padding: 28px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow);
}

.workflow-theme :is(.workspace-panel, .operations-card, .admin-overview-section, .address-card, .auth-card, .account-content, .account-sidebar, .seller-workspace-nav) {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow);
  min-width: 0;
}

.workflow-theme :is(.operations-card, .admin-overview-section, .workspace-panel) {
  padding: 24px;
}

.workflow-theme main :is(.border.rounded, .compact-record) {
  background: var(--surface);
  border-radius: 12px !important;
}

.workflow-theme main .section-heading {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.workflow-theme main .section-heading h1,
.workflow-theme main .section-heading h2 {
  margin-bottom: 8px;
}

.workflow-theme main .section-heading p:last-child {
  margin-bottom: 0;
}

.workspace-toolbar,
.workspace-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
}

.workspace-form-actions {
  margin-bottom: 0;
}

.workflow-theme .section-heading>.workspace-toolbar {
  margin: 0;
}

.workflow-theme .operations-links {
  padding: 16px;
  margin: 20px 0 28px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
  gap: 10px;
}

.workflow-theme :is(.btn, .btn-market, .text-button) {
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 8px;
  white-space: normal;
  text-align: center;
}

.workflow-theme .text-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  text-decoration: none;
}

.workflow-theme .text-button:hover,
.workflow-theme :is(.btn-outline-dark, .btn-outline-secondary):hover {
  background: #fff7df;
  border-color: #d8b65b;
  color: var(--ink);
}

.workflow-theme main button:not([class]) {
  min-height: 44px;
  padding: 11px 18px;
  border: 1px solid #e5b449;
  border-radius: 8px;
  background: var(--accent);
  color: var(--ink);
  font: inherit;
  font-weight: 650;
}

.workflow-theme .btn-sm {
  min-height: 40px;
  padding: 9px 13px;
}

.workflow-theme .btn-outline-danger {
  color: #a32222;
  border-color: #e7b2b2;
}

.workflow-theme main :is(input, select, textarea) {
  font-family: inherit;
}

.workflow-theme main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select, textarea) {
  border-color: var(--line);
  border-radius: 8px;
  font-size: 14px;
  background-color: #f8fbf9;
}

.workflow-theme main :is(input, select, textarea):focus {
  background-color: #fff;
  border-color: #d3a73d;
}

.workflow-theme main input:is([type=checkbox], [type=radio]) {
  accent-color: var(--brand);
  vertical-align: middle;
}

.workflow-theme :is(.form-field label, .operations-form label, form > p > label) {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 7px;
}

.workflow-theme .form-field {
  margin-bottom: 18px;
}

.workflow-theme .form-field.field-checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.workflow-theme .field-checkbox label {
  margin: 0;
}

.workflow-theme .field-checkbox :is(.field-help, .field-error) {
  flex-basis: 100%;
}

.workflow-theme form:has(> p > label) {
  max-width: 760px;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
}

.workflow-theme form>p {
  margin-bottom: 18px;
  min-width: 0;
}

.workflow-theme form>p :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  width: 100%;
}

.workflow-theme form>p:has(input[type=checkbox]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.workflow-theme form>p:has(input[type=checkbox])>label {
  display: inline;
  margin: 0;
}

.workflow-theme form>p:has(input[type=checkbox]) .helptext {
  flex-basis: 100%;
}

.workflow-theme :is(.field-checkbox, form > p:has(input[type=checkbox])) {
  min-height: 44px;
}

.workflow-theme form>p:has(input[type=checkbox]) {
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.workflow-theme form label:has(input[type=radio]:checked) {
  background: #fff4ce;
  border-color: #d8b65b;
  color: var(--ink);
}

.workflow-theme :is(.helptext, .field-help) {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
  margin-top: 7px;
}

.workflow-theme :is(.errorlist, .field-error) {
  font-size: 13px;
  margin-top: 7px;
  color: #a32222;
}

.workflow-theme .operations-form {
  width: 100%;
  max-width: 800px;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
}

.workflow-theme :is(.operations-form legend, fieldset legend) {
  font-size: 15px;
  font-weight: 650;
  margin-bottom: 10px;
}

.workflow-theme :is(.operations-form fieldset, fieldset) {
  min-width: 0;
}

.workflow-theme main form[method=get] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  padding: 16px;
  margin: 20px 0 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbf9;
}

.workflow-theme main form[method=get]>label,
.workflow-theme .report-filter-form>div {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.workflow-theme main form[method=get]>label:has(input[type=checkbox]) {
  display: flex;
  align-items: center;
  min-height: 44px;
}

.workflow-theme main form[method=get]> :is(select, input:not([type=hidden])) {
  width: 220px;
  flex: 1 1 180px;
}

.workflow-theme main form[method=get]> :is(button, .btn) {
  flex: 0 0 auto;
}

.workflow-theme .collection-filter .collection-filter-field {
  display: grid;
  gap: 7px;
  flex: 0 1 320px;
}

.workflow-theme .collection-filter-field label {
  margin: 0;
  font-weight: 600;
}

.workflow-theme .collection-filter-field select {
  width: 100%;
}

.workflow-theme :is(.table-scroll, .table-responsive, .report-table-wrap) {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  margin: 18px 0;
}

.workflow-theme table {
  font-size: 14px;
  margin-bottom: 0;
}

.workflow-theme table :is(th, td) {
  padding: 13px 16px;
  vertical-align: middle;
  border-color: var(--line);
}

.workflow-theme table thead th {
  background: #f8fbf9;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
}

.workflow-theme table tbody tr:hover {
  background: #fffbef;
}

.workflow-theme .report-summary>article {
  padding: 18px;
  background: #f8fbf9;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.workflow-theme :is(.report-summary, .report-kpis) strong {
  font-size: 26px;
  line-height: 1.25;
}

.workflow-theme .report-summary h3 {
  font-size: 14px;
}

.workflow-theme :is(.report-summary, .admin-overview-grid) {
  gap: 16px;
}

.workflow-theme .metric-notes {
  border: 1px solid var(--line);
  background: #f8fbf9;
  border-radius: 10px;
  padding: 4px 14px;
  margin: 16px 0;
}

.workflow-theme .metric-notes summary {
  font-size: 13px;
  font-weight: 600;
}

.workflow-theme .metric-notes p {
  font-size: 13px;
  margin-bottom: 12px;
}

.workflow-theme :is(.status-panel, .workspace-notice) {
  background: #fff8e4;
  border: 1px solid #ead5a2;
  border-radius: 10px;
  padding: 16px 20px;
}

.workflow-theme .operations-facts {
  max-width: none;
  padding: 20px;
  border: 1px solid var(--line);
  background: #f8fbf9;
  border-radius: 12px;
  margin: 20px 0;
}

.workflow-theme .operations-facts>div:last-child {
  border-bottom: 0;
}

.workflow-theme .account-layout {
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  min-height: 0;
}

.workflow-theme .account-sidebar {
  padding: 20px;
}

.account-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  min-width: 0;
}

.account-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--accent);
  color: var(--brand);
  font-size: 20px;
  font-weight: 700;
}

.account-identity strong {
  display: block;
  font-size: 15px;
}

.account-identity small {
  display: block;
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.workflow-theme .account-sidebar nav {
  gap: 6px;
  margin-top: 0;
}

.workflow-theme .account-sidebar nav a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
}

.workflow-theme .account-sidebar nav a:hover {
  background: #f8fbf9;
  border-color: var(--line);
}

.workflow-theme .account-sidebar nav a[aria-current] {
  background: #fff4ce;
  border-color: #ead5a2;
  color: var(--ink);
  font-weight: 650;
}

.workflow-theme :is(.account-sidebar nav, .seller-workspace-nav) a {
  color: var(--ink) !important;
}

.workflow-theme .account-content {
  max-width: none;
  padding: 28px;
}

.workflow-theme .account-content .market-form {
  max-width: 720px;
}

.workflow-theme .account-content .address-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 16px;
}

.workflow-theme .address-card {
  padding: 20px;
}

.workflow-theme .address-card h2 {
  font-size: 19px;
}

.profile-security {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid var(--line);
  padding-top: 24px;
  margin-top: 28px;
}

.profile-security p {
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 0;
}

.workflow-theme .auth-layout {
  padding-top: 32px;
  padding-bottom: 40px;
}

.workflow-theme .auth-card {
  padding: 28px;
}

.workflow-theme .form-page {
  width: calc(100% - 80px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 28px;
  margin: 28px auto 40px;
  min-height: 0;
}

.workflow-theme .seller-workspace {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
}

.workflow-theme .seller-workspace-nav {
  padding: 16px;
  gap: 4px;
  position: static;
}

.workflow-theme .seller-workspace-nav a {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
}

.workflow-theme .seller-workspace-nav a:hover {
  background: #f8fbf9;
  border-color: var(--line);
}

.workflow-theme .seller-workspace-nav a[aria-current] {
  background: #fff4ce;
  border-color: #ead5a2;
  color: var(--ink);
}

.workflow-theme .workspace-action {
  border-radius: 10px;
  background: #f8fbf9;
  padding: 16px;
  color: var(--ink);
}

.workflow-theme :is(.workspace-action:hover, .filter-chip:hover) {
  background: #fff7df;
  border-color: #d8b65b;
}

.workflow-theme .list-tabs {
  flex-wrap: wrap;
  gap: 8px;
}

.workflow-theme .list-tabs a {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
}

.workflow-theme .list-tabs a[aria-current] {
  background: var(--accent);
  border-color: #e5b449;
  color: var(--ink);
}

.workflow-theme .notification-row.is-unread {
  background: #fff9e8;
  box-shadow: inset 3px 0 0 #d8b65b;
}

.workflow-theme .activity-icon {
  background: #fff4ce;
}

.workflow-theme main :is(.pagination-nav, nav[aria-label$=pages]) {
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
}

.workflow-theme main :is(.pagination-nav, nav[aria-label$=pages])>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
}

@media (max-width: 1000px) {

  .workflow-theme :is(.account-layout, .seller-workspace) {
    grid-template-columns: minmax(0, 1fr);
  }

  .workflow-theme .account-sidebar nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .workflow-theme .account-sidebar nav a {
    border-color: var(--line);
  }
}

@media (max-width: 600px) {

  .workflow-theme main>.shell.section-space:not(.account-layout):not(.auth-layout):not(.seller-workspace):not(.form-page),
  .workflow-theme .form-page {
    width: calc(100% - 32px);
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 28px;
  }

  .workflow-theme :is(.workspace-panel, .operations-card, .admin-overview-section, .account-content, .account-sidebar, .auth-card) {
    padding: 20px;
  }

  .workflow-theme .account-layout {
    gap: 16px;
  }

  .workflow-theme main .section-heading {
    align-items: flex-start;
  }

  .workflow-theme main form[method=get] {
    padding: 14px;
  }

  .workflow-theme main form[method=get]> :is(label, div):not([hidden]) {
    width: 100%;
  }

  .workflow-theme main form[method=get]> :is(select, input:not([type=hidden])) {
    width: 100%;
    flex-basis: 100%;
  }

  .workflow-theme form:has(> p > label),
  .workflow-theme .operations-form {
    padding: 16px;
  }

  .workflow-theme .operations-links .btn {
    flex: 1 1 140px;
  }

  .workflow-theme .report-summary strong {
    font-size: 23px;
  }

  .workflow-theme table :is(th, td) {
    padding: 11px 12px;
  }
}

.delivery-rider-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-top: 1px solid #e1ece6;
}

.admin-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px
}

.admin-case-list {
  display: grid;
  gap: 18px
}

.admin-feature-list form {
  padding: 16px 0;
  border-bottom: 1px solid #e0ede5;
  margin: 0
}

.admin-feature-list form:last-child {
  border: 0
}

.admin-feature-list label {
  cursor: pointer
}

.dashboard-content .report-table-wrap {
  overflow: auto
}

.admin-case-list .section-heading {
  gap: 16px;
  flex-wrap: wrap
}

.admin-subnav a {
  color: #193826
}

.admin-subnav a[aria-current="page"] {
  font-weight: 700
}

/* Shared action labels match the market's dark text and gold accents. */
body .btn,
body .btn-market,
body .btn-link,
body .portal-tabs a,
body .catalog-view-button,
body .workspace-menu a,
body .pagination-nav a,
body .operations-card a,
body .admin-subnav a {
  color: #173122 !important
}

body .btn-outline-danger,
body .btn-danger {
  color: #173122 !important
}

.support-case-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 22px 24px !important
}

.support-case-row .section-heading {
  margin-bottom: 8px
}

.support-case-copy p {
  margin: 6px 0
}

.support-case-actions {
  margin: 0 !important;
  white-space: nowrap
}

.support-case-copy h2 {
  margin: 0
}

.admin-records-panel>.report-filter-form {
  margin: 20px 0
}

.admin-records-panel .empty-state {
  border: 1px solid #e0ede5;
  background: #f7faf8;
  margin: 16px 0;
  padding: 26px
}

.admin-records-panel .operations-list {
  margin: 16px 0
}

.admin-records-panel h1 {
  margin-bottom: 22px
}

.admin-records-panel .portal-product-grid {
  margin-top: 16px
}

.admin-records-panel .pagination-nav {
  margin-bottom: 0
}

@media(max-width:620px) {

  .support-case-row {
    grid-template-columns: 1fr;
    gap: 12px
  }

  .support-case-actions {
    justify-content: flex-end !important
  }
}

.marketplace-banner {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  overflow: hidden
}

.catalog-banner {
  margin: 20px 0 28px
}

.deal-product-image {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 12px;
  margin-bottom: 18px;
  background: #f7faf8
}

.deal-banner {
  margin-bottom: 18px
}

.portal-tabs a,
.workflow-theme .portal-tabs a {
  color: #173122 !important
}

.operations-form [hidden],
.portal-form [hidden] {
  display: none !important
}

.workflow-theme .voucher-editor {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent
}

.voucher-editor #id_applies_to {
  display: flex;
  gap: 12px;
  flex-wrap: wrap
}

.voucher-editor #id_applies_to label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 180px;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 0
}

.voucher-editor>div:has([name=category]),
.voucher-editor>div:has([name=show_on_homepage]) {
  grid-column: 1/-1
}

.voucher-editor>div:has([name=show_on_homepage]) {
  display: flex;
  align-items: center;
  gap: 12px
}

.voucher-editor>div:has([name=show_on_homepage]) label {
  margin: 0
}

/* Marketplace and category banners reserve a compact frame before image loading. */
.catalog-banner-frame {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 6/1;
  margin: 20px 0 28px;
  border-radius: 16px;
  overflow: hidden;
  background: #eef5f1
}

.catalog-banner-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center
}

.store-directory-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px
}

.store-directory-grid>.empty-state {
  grid-column: 1/-1
}

@media(max-width:1100px) {

  .store-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:600px) {

  .store-directory-grid {
    grid-template-columns: minmax(0, 1fr)
  }
}

.product-approval-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--line)
}

.product-approval-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line)
}

.approval-product-copy {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0
}

.approval-product-copy>div {
  min-width: 0
}

.approval-product-copy h2 {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 5px;
  overflow-wrap: anywhere
}

.approval-product-copy p {
  margin: 3px 0;
  font-size: 13px;
  overflow-wrap: anywhere
}

.approval-product-photo {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  object-fit: contain;
  border-radius: 10px;
  background: #f6f9f7
}

.approval-row-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px
}

.approval-row-actions .btn,
.approval-row-actions .btn-market {
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 13px
}

.approval-notice:empty {
  display: none
}

.approval-notice {
  padding: 12px 16px;
  background: #f8f4de;
  border-radius: 8px
}

.approval-notice[role=alert] {
  background: #fff0ee
}

.approval-details-dialog {
  width: min(880px, calc(100% - 32px));
  max-height: 85vh;
  overflow: auto;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  color: var(--ink)
}

.approval-details-dialog::backdrop {
  background: #17312280
}

.approval-detail-images {
  display: flex;
  gap: 16px;
  overflow: auto;
  margin: 18px 0
}

.approval-detail-images img {
  width: 200px;
  height: 200px;
  object-fit: contain;
  border-radius: 12px
}

.approval-detail-prices {
  padding: 12px;
  background: #f6f9f7;
  border-radius: 10px
}

@media(max-width:1100px) {

  .product-approval-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px
  }

  .approval-row-actions {
    justify-content: flex-end
  }
}

@media(max-width:480px) {

  .approval-product-photo {
    width: 56px;
    height: 56px;
    flex-basis: 56px
  }

  .approval-product-copy {
    gap: 10px
  }

  .approval-row-actions {
    gap: 5px;
    justify-content: flex-start
  }

  .approval-row-actions .btn,
  .approval-row-actions .btn-market {
    padding: 10px 6px;
    font-size: 11px;
    min-height: 42px;
    flex: 1 1 0;
    min-width: 0
  }

  .approval-details-dialog {
    padding: 16px
  }
}