/* OpenDeal account mobile alignment and compact tab navigation */
.page-account,
.page-account main,
.page-account .account-workspace,
.page-account .account-content,
.page-account .account-tab-panel,
.page-account .seller-dashboard-account,
.page-account .seller-dashboard-account-shell {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.page-account .seller-dashboard-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.page-account .seller-dashboard-pagination > span {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 760;
  white-space: nowrap;
}

@media (max-width: 760px) {
  html.account-scrollbar-stable,
  html.account-scrollbar-stable:root {
    overflow-x: clip !important;
    scrollbar-gutter: stable !important;
  }

  body.page-account {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .page-account main {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    transform: none !important;
  }

  .page-account .shell,
  .page-account .header-row,
  .page-account .top-benefit-row,
  .page-account main > .shell,
  .page-account .account-workspace {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .page-account .header-row {
    min-height: 68px;
    gap: 7px;
  }

  .page-account .brand {
    min-width: 0;
    margin-right: auto;
  }

  .page-account .brand-logo {
    width: clamp(132px, 39vw, 154px) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .page-account .header-actions {
    flex: 0 0 auto;
    gap: 5px;
  }

  .page-account .mobile-language-switch,
  .page-account .menu-toggle,
  .page-account .header-actions .icon-link {
    flex: 0 0 auto;
  }

  .page-account .compact-page-head {
    display: none !important;
  }

  .page-account .account-workspace {
    display: block !important;
    padding: 14px 0 44px !important;
    overflow: visible !important;
  }

  .page-account .account-tabs,
  .page-account .account-subtabs,
  .page-account .account-local-subtabs,
  .page-account .seller-dashboard-subtabs,
  .page-account .google-account-subtabs,
  .page-account .admin-fee-setup-tabs,
  .page-account .analytics-tabs,
  .page-account .fee-rule-tabs {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    grid-template-columns: none !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 0 14px !important;
    padding: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    scrollbar-width: none !important;
    scrollbar-gutter: auto !important;
    scroll-snap-type: x proximity;
    white-space: nowrap !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch;
  }

  .page-account .account-tabs::-webkit-scrollbar,
  .page-account .account-subtabs::-webkit-scrollbar,
  .page-account .admin-fee-setup-tabs::-webkit-scrollbar,
  .page-account .analytics-tabs::-webkit-scrollbar,
  .page-account .fee-rule-tabs::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .page-account .account-tab,
  .page-account .account-subtab,
  .page-account .admin-fee-setup-tabs .tab,
  .page-account .analytics-tabs .tab,
  .page-account .fee-rule-tab {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 40px !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    font-size: .82rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    scroll-snap-align: center;
  }

  .page-account .account-content,
  .page-account .account-tab-panel,
  .page-account .account-tab-panel > .panel,
  .page-account .account-local-subtab-panel,
  .page-account .selling-workspace,
  .page-account .selling-subtab-stack,
  .page-account .selling-subtab-panel,
  .page-account .seller-dashboard-section {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .page-account .account-tab-panel {
    gap: 14px !important;
    padding-top: 0 !important;
  }

  .page-account .panel,
  .page-account .seller-dashboard-demo-toolbar,
  .page-account .seller-dashboard-panel {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-account .main-nav {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(318px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 92px) !important;
    margin: 0 !important;
    padding: 9px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  .page-account .seller-dashboard-pagination {
    justify-content: space-between;
    gap: 7px;
    margin-top: 14px;
    padding-top: 14px;
  }

  .page-account .seller-dashboard-pagination .button {
    min-width: 78px;
    padding-inline: 10px;
  }

  .page-account .seller-dashboard-pagination > span {
    min-width: 0;
    font-size: .76rem;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 430px) {
  .page-account .shell,
  .page-account .header-row,
  .page-account .top-benefit-row,
  .page-account main > .shell,
  .page-account .account-workspace {
    width: calc(100% - 16px) !important;
  }

  .page-account .brand-logo {
    width: clamp(124px, 38vw, 146px) !important;
  }

  .page-account .account-tabs,
  .page-account .account-subtabs,
  .page-account .admin-fee-setup-tabs,
  .page-account .analytics-tabs,
  .page-account .fee-rule-tabs {
    border-radius: 12px !important;
  }
}

/* V84: Shop-Verwaltung ohne Überlagerungen und mit konsistentem Abstand */
.page-account [data-account-panel="admin"] > .account-admin-hub {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: clamp(22px, 2.6vw, 32px);
  overflow: hidden;
  box-sizing: border-box;
}

.page-account .account-admin-heading {
  align-items: flex-start;
  margin: 0;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--line);
}

.page-account .account-admin-heading h2 {
  margin-bottom: 0;
}

.page-account .account-admin-subtabs {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 8px;
  margin: 22px 0 0;
  padding: 7px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  white-space: nowrap;
  box-sizing: border-box;
}

.page-account .account-admin-subtabs .account-subtab {
  flex: 0 0 auto;
  margin: 0;
}

.page-account .account-admin-subtab-stack {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 18px 0 0;
  padding: 0;
  box-sizing: border-box;
}

.page-account .account-admin-subtab-panel {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: clamp(20px, 2.2vw, 26px);
  box-sizing: border-box;
}

.page-account .account-admin-subtab-panel[hidden] {
  display: none !important;
}

.page-account .account-admin-subtab-panel h3 {
  margin: 5px 0 9px;
}

.page-account .account-admin-subtab-panel .help {
  max-width: 820px;
  margin: 0 0 20px;
  line-height: 1.55;
}

.page-account .account-admin-subtab-panel .form-actions {
  width: 100%;
  margin-top: 0;
}

/* V84: Verkäufer-Dashboard – alte generische Insight-Regeln dürfen die Panels nicht verformen. */
.page-account .seller-dashboard-insights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
  margin-top: 16px;
}

.page-account .seller-dashboard-insights > .seller-dashboard-panel {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 24px;
}

.page-account .seller-dashboard-insights > .seller-dashboard-panel > .seller-dashboard-panel-head {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 20px;
}

.page-account .seller-dashboard-insights > .seller-dashboard-panel > .seller-dashboard-panel-head > div {
  display: grid;
  min-width: 0;
  grid-template-columns: none;
  gap: 5px;
}

.page-account .seller-dashboard-insights .seller-dashboard-action-list {
  display: grid;
  gap: 0;
  min-width: 0;
}

.page-account .seller-dashboard-insights .seller-dashboard-action-list > article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: 14px 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.page-account .seller-dashboard-insights .seller-dashboard-action-list > article:first-child {
  padding-top: 0;
  border-top: 0;
}

.page-account .seller-dashboard-insights .seller-dashboard-action-list > article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--brand-soft);
  color: var(--brand-dark);
  font-weight: 850;
}

.page-account .seller-dashboard-insights .seller-dashboard-action-list > article > div {
  display: grid;
  min-width: 0;
  grid-template-columns: none;
  gap: 4px;
}

.page-account .seller-dashboard-insights .seller-dashboard-action-list strong,
.page-account .seller-dashboard-insights .seller-dashboard-action-list p {
  overflow-wrap: anywhere;
}

.page-account .seller-dashboard-insights .seller-dashboard-payout {
  display: grid;
  width: 100%;
  min-width: 0;
  margin-top: 0;
}

.page-account .seller-dashboard-insights .seller-dashboard-payout > div {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
}

.page-account .seller-dashboard-insights .seller-dashboard-payout span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.page-account .seller-dashboard-insights .seller-dashboard-payout strong {
  flex: 0 0 auto;
  text-align: right;
  white-space: nowrap;
}

/* Stripe: abgeschlossene Prüfschritte sind eindeutig grün, offene gelb/orange. */
.page-account .stripe-connect-status-item.is-complete {
  border-color: #a8d3b8;
  background: #e4f3e9;
  color: #075d35;
}

.page-account .stripe-connect-status-item.is-pending {
  border-color: #e5cc86;
  background: #fff2cc;
  color: #755400;
}

@media (max-width: 940px) {
  .page-account .seller-dashboard-insights {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .page-account [data-account-panel="admin"] > .account-admin-hub {
    padding: 18px 16px;
  }

  .page-account .account-admin-heading {
    padding-bottom: 16px;
  }

  .page-account .account-admin-subtabs {
    flex-flow: row nowrap !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }

  .page-account .account-admin-subtab-stack {
    margin-top: 14px;
  }

  .page-account .account-admin-subtab-panel {
    padding: 18px 16px;
  }

  .page-account .seller-dashboard-insights > .seller-dashboard-panel {
    padding: 19px;
  }
}

/* Gebühren-Setup: mobile Breite ohne abgeschnittene Tabs oder Formfelder */
@media (max-width: 760px) {
  .page-account .admin-fee-setup-shell,
  .page-account .admin-fee-section,
  .page-account [data-fee-setup-panel],
  .page-account [data-fee-seller-editor],
  .page-account .admin-fee-seller-toolbar,
  .page-account .admin-fee-seller-card,
  .page-account .admin-fee-active-editor,
  .page-account .admin-fee-rule-editor,
  .page-account .admin-fee-seller-rule {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-account .admin-fee-setup-shell,
  .page-account .admin-fee-section,
  .page-account [data-fee-seller-editor] {
    overflow-x: clip !important;
  }

  .page-account .admin-fee-setup-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .page-account .admin-fee-setup-tabs .tab {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 8px 7px !important;
    font-size: .76rem !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .page-account .admin-fee-seller-toolbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
  }

  .page-account .admin-fee-seller-toolbar > label {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-account .admin-fee-seller-toolbar .field,
  .page-account .admin-fee-seller-toolbar .field-select,
  .page-account .admin-fee-seller-toolbar [data-fee-seller-search],
  .page-account .admin-fee-seller-toolbar [data-fee-seller-select] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-account [data-fee-seller-editor] > .notice,
  .page-account .admin-fee-section > .notice {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }
}

/* Google Merchant: drei unteren Überblicks-Kacheln mobil untereinander */
@media (max-width: 760px) {
  .page-account .google-merchant-v66 .google-policy-status-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .page-account .google-merchant-v66 .google-policy-status-grid > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Analytics-Frischeanzeige und mobile Restoptimierungen */
.page-account [data-account-analytics] {
  position: relative;
  min-width: 0;
}

.page-account [data-account-analytics].is-refreshing::after {
  position: absolute;
  z-index: 4;
  top: 6px;
  right: 6px;
  width: 9px;
  height: 9px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  content: '';
  animation: account-analytics-spin .7s linear infinite;
}

@keyframes account-analytics-spin {
  to { transform: rotate(360deg); }
}

.page-account .account-analytics-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.page-account .analytics-classification-note {
  margin-bottom: 14px;
}

.page-account .account-analytics-table + .account-analytics-table {
  margin-top: 18px;
}

.page-account .account-analytics-table .admin-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.page-account .account-analytics-table .admin-table {
  min-width: 760px;
}

@media (max-width: 940px) {
  .page-account .account-analytics-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  /* Shop-Verwaltung: aktive Karte kompakt statt auf Bildschirmhöhe gestreckt. */
  .page-account .account-admin-subtab-stack,
  .page-account .account-admin-subtab-panel,
  .page-account .account-admin-card {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  .page-account .account-admin-subtab-panel {
    display: block !important;
    padding: 17px 15px !important;
  }

  .page-account .account-admin-subtab-panel .help {
    margin-bottom: 15px !important;
  }

  .page-account .account-admin-subtab-panel .form-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-top: 0 !important;
  }

  .page-account .account-admin-subtab-panel .button {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }

  /* Google Merchant: lange IDs, Statuszeilen und Aktionsgruppen bleiben in der Karte. */
  .page-account .google-merchant-v66,
  .page-account .google-merchant-v66 .google-overview-panel,
  .page-account .google-merchant-v66 .google-actions-panel,
  .page-account .google-merchant-v66 .google-products-panel,
  .page-account .google-merchant-v66 .google-sellers-panel,
  .page-account .google-merchant-v66 .seller-google-events,
  .page-account .google-merchant-v66 .google-policy-row,
  .page-account .google-merchant-v66 .google-product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-account .google-merchant-v66 .google-policy-row > strong,
  .page-account .google-merchant-v66 .google-policy-row > span,
  .page-account .google-merchant-v66 .google-product-main,
  .page-account .google-merchant-v66 .google-product-main strong,
  .page-account .google-merchant-v66 .google-product-main span,
  .page-account .google-merchant-v66 pre,
  .page-account .google-merchant-v66 code {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .page-account .google-merchant-v66 .google-admin-primary-actions,
  .page-account .google-merchant-v66 .google-product-actions,
  .page-account .google-merchant-v66 .google-action-group .form-actions,
  .page-account .google-merchant-v66 .google-bulk-actions .form-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    width: 100% !important;
  }

  .page-account .google-merchant-v66 .google-admin-primary-actions .button,
  .page-account .google-merchant-v66 .google-product-actions .button,
  .page-account .google-merchant-v66 .google-action-group .button,
  .page-account .google-merchant-v66 .google-bulk-actions .button {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }

  /* Gebühren-Regelkarten und sämtliche Selects auf eine echte mobile Spalte begrenzen. */
  .page-account .admin-fee-seller-rules,
  .page-account .admin-fee-values,
  .page-account .seller-fee-rule-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .page-account select,
  .page-account input,
  .page-account textarea,
  .page-account .field,
  .page-account .field-select,
  .page-account .field-textarea {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Tabellen bleiben bedienbar, ohne die ganze Seite horizontal zu verbreitern. */
  .page-account .admin-table-wrap,
  .page-account .seller-dashboard-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .page-account .account-analytics-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-account .analytics-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .page-account .analytics-tabs .tab {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  .page-account .account-analytics-table .admin-table {
    min-width: 690px;
  }
}

@media (max-width: 430px) {
  .page-account .account-analytics-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-account .header-row {
    gap: 4px !important;
  }

  .page-account .brand-logo {
    width: clamp(112px, 34vw, 132px) !important;
  }

  .page-account .header-actions {
    gap: 4px !important;
  }

  .page-account .mobile-language-switch,
  .page-account .menu-toggle,
  .page-account .header-actions .icon-link {
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 7px 9px !important;
  }
}

@media (max-width: 360px) {
  .page-account .shell,
  .page-account .header-row,
  .page-account .top-benefit-row,
  .page-account main > .shell,
  .page-account .account-workspace {
    width: calc(100% - 10px) !important;
  }

  .page-account .brand-logo {
    width: 108px !important;
  }

  .page-account .mobile-language-switch,
  .page-account .menu-toggle,
  .page-account .header-actions .icon-link {
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    font-size: .76rem !important;
  }
}

/* Zusätzliche Mobile-Optimierung für Google Merchant / lange Produktlisten */
@media (max-width: 520px) {
  .page-account .google-merchant-v66,
  .page-account .google-merchant-v66 .google-overview-panel,
  .page-account .google-merchant-v66 .google-actions-panel,
  .page-account .google-merchant-v66 .google-products-panel,
  .page-account .google-merchant-v66 .seller-google-events,
  .page-account .google-merchant-v66 .google-sellers-panel {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  .page-account .google-merchant-v66 .google-overview-panel,
  .page-account .google-merchant-v66 .google-actions-panel,
  .page-account .google-merchant-v66 .google-products-panel,
  .page-account .google-merchant-v66 .seller-google-events,
  .page-account .google-merchant-v66 .google-sellers-panel {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .page-account .google-merchant-v66 .panel-heading,
  .page-account .google-merchant-v66 .google-dashboard-meta,
  .page-account .google-merchant-v66 .google-product-shipping,
  .page-account .google-merchant-v66 .google-local-inventory-state {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .page-account .google-merchant-v66 .panel-heading > .status,
  .page-account .google-merchant-v66 .google-product-card > .status,
  .page-account .google-merchant-v66 .google-merchant-event-list article > .status,
  .page-account .google-merchant-v66 .google-merchant-event-list article > time {
    justify-self: start !important;
    align-self: start !important;
  }

  .page-account .google-merchant-v66 .google-admin-primary-actions,
  .page-account .google-merchant-v66 .google-product-actions,
  .page-account .google-merchant-v66 .google-seller-summary,
  .page-account .google-merchant-v66 .google-policy-status-grid,
  .page-account .google-merchant-v66 .google-seller-detail-grid,
  .page-account .google-merchant-v66 .google-seller-selector {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .page-account .google-merchant-v66 .google-product-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "main"
      "status"
      "shipping"
      "local"
      "error"
      "actions"
      "issues" !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .page-account .google-merchant-v66 .google-product-main,
  .page-account .google-merchant-v66 .google-product-main strong,
  .page-account .google-merchant-v66 .google-product-main span,
  .page-account .google-merchant-v66 .google-product-shipping > span,
  .page-account .google-merchant-v66 .google-local-inventory-state > div,
  .page-account .google-merchant-v66 .google-merchant-event-list article > div,
  .page-account .google-merchant-v66 .google-merchant-event-list article strong,
  .page-account .google-merchant-v66 .google-merchant-event-list article span,
  .page-account .google-merchant-v66 .google-product-issues,
  .page-account .google-merchant-v66 .google-product-error,
  .page-account .google-merchant-v66 .notice,
  .page-account .google-merchant-v66 pre {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  .page-account .google-merchant-v66 .google-product-main strong {
    font-size: 0.9rem !important;
    line-height: 1.32 !important;
  }

  .page-account .google-merchant-v66 .google-product-main span,
  .page-account .google-merchant-v66 .google-product-shipping,
  .page-account .google-merchant-v66 .google-local-inventory-state,
  .page-account .google-merchant-v66 .google-product-error,
  .page-account .google-merchant-v66 .google-product-issues,
  .page-account .google-merchant-v66 .google-merchant-event-list article,
  .page-account .google-merchant-v66 .help {
    font-size: 0.74rem !important;
    line-height: 1.42 !important;
  }

  .page-account .google-merchant-v66 .google-product-actions .button,
  .page-account .google-merchant-v66 .google-admin-primary-actions .button,
  .page-account .google-merchant-v66 .table-actions .button {
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
  }

  .page-account .google-merchant-v66 .google-merchant-event-list article {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 10px !important;
  }

  .page-account .google-merchant-v66 .google-merchant-event-list article > time,
  .page-account .google-merchant-v66 .google-merchant-event-list article > details {
    grid-column: 1 !important;
  }

  .page-account .google-merchant-v66 details,
  .page-account .google-merchant-v66 summary,
  .page-account .google-merchant-v66 pre {
    max-width: 100% !important;
  }

  .page-account .google-merchant-v66 pre {
    white-space: pre-wrap !important;
    overflow-x: auto !important;
  }
}

@media (max-width: 380px) {
  .page-account .google-merchant-v66 .google-overview-panel,
  .page-account .google-merchant-v66 .google-actions-panel,
  .page-account .google-merchant-v66 .google-products-panel,
  .page-account .google-merchant-v66 .seller-google-events,
  .page-account .google-merchant-v66 .google-sellers-panel {
    padding: 10px !important;
  }

  .page-account .google-merchant-v66 .google-product-card,
  .page-account .google-merchant-v66 .google-merchant-event-list article,
  .page-account .google-merchant-v66 .google-seller-summary > div,
  .page-account .google-merchant-v66 .google-policy-row {
    padding: 9px !important;
  }

  .page-account .google-merchant-v66 .google-product-actions .button,
  .page-account .google-merchant-v66 .google-admin-primary-actions .button {
    min-height: 36px !important;
    padding: 7px 9px !important;
  }
}

/* Analytics: ruhige Informationshierarchie und echte Mobile-Karten */
.page-account .account-analytics-traffic-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.page-account .analytics-info-details {
  margin: 0 0 16px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #f7faf8;
  color: var(--muted);
}

.page-account .analytics-info-details summary {
  padding: 11px 13px;
  color: var(--brand-dark);
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
}

.page-account .analytics-info-details p {
  margin: 0;
  padding: 0 13px 13px;
  font-size: .82rem;
  line-height: 1.55;
}

.page-account .account-analytics-table .panel-heading {
  margin-bottom: 8px;
}

.page-account .analytics-cell-path,
.page-account .analytics-cell-referrer,
.page-account .analytics-cell-email,
.page-account .analytics-cell-bot_name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 760px) {
  .page-account .account-analytics-panel {
    padding: 16px 13px !important;
  }

  .page-account .analytics-tabs {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 7px !important;
    width: 100% !important;
    padding: 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }

  .page-account .analytics-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .page-account .analytics-tabs .tab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 38px !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
  }

  .page-account .account-analytics-metrics,
  .page-account .account-analytics-traffic-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .page-account .account-analytics-metrics .metric,
  .page-account .account-analytics-traffic-metrics .metric {
    min-height: 74px;
    padding: 12px !important;
  }

  .page-account .analytics-info-details {
    margin-bottom: 13px;
  }

  .page-account .analytics-info-details summary {
    padding: 10px 11px;
    font-size: .78rem;
  }

  .page-account .analytics-info-details p {
    padding: 0 11px 11px;
    font-size: .77rem;
    line-height: 1.48;
  }

  .page-account .account-analytics-table {
    min-width: 0;
  }

  .page-account .account-analytics-table + .account-analytics-table {
    margin-top: 15px;
  }

  .page-account .account-analytics-table .panel-heading {
    margin-bottom: 8px;
  }

  .page-account .account-analytics-table .panel-heading h3 {
    font-size: .94rem;
  }

  .page-account .account-analytics-table .admin-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .page-account .account-analytics-table .admin-table,
  .page-account .account-analytics-table .admin-table tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-account .account-analytics-table .admin-table thead {
    display: none !important;
  }

  .page-account .account-analytics-table .admin-table tbody {
    display: grid !important;
    gap: 9px !important;
  }

  .page-account .account-analytics-table .admin-table tr.analytics-data-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 11px !important;
    border: 1px solid var(--line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(12,64,44,.035);
  }

  .page-account .account-analytics-table .admin-table tr.analytics-data-row.is-bot {
    border-left: 3px solid #d3aa52 !important;
  }

  .page-account .account-analytics-table .admin-table tr.analytics-data-row.is-human {
    border-left: 3px solid #75b391 !important;
  }

  .page-account .account-analytics-table .admin-table td.analytics-cell {
    display: grid !important;
    grid-template-columns: minmax(92px, .72fr) minmax(0, 1.28fr) !important;
    gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 7px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(209,220,213,.72) !important;
    font-size: .78rem !important;
    line-height: 1.42 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .page-account .account-analytics-table .admin-table td.analytics-cell:last-child {
    border-bottom: 0 !important;
  }

  .page-account .account-analytics-table .admin-table td.analytics-cell::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: .69rem;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: .035em;
  }

  .page-account .account-analytics-table .admin-table tr.analytics-empty-row {
    display: block !important;
    padding: 13px !important;
    border: 1px solid var(--line) !important;
    border-radius: 11px !important;
    background: #f8faf8 !important;
  }

  .page-account .account-analytics-table .admin-table tr.analytics-empty-row td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .page-account .account-analytics-table .pagination {
    justify-content: center !important;
    margin-top: 11px !important;
  }
}

@media (max-width: 380px) {
  .page-account .account-analytics-panel {
    padding: 13px 10px !important;
  }

  .page-account .account-analytics-metrics,
  .page-account .account-analytics-traffic-metrics {
    gap: 7px !important;
  }

  .page-account .account-analytics-metrics .metric,
  .page-account .account-analytics-traffic-metrics .metric {
    min-height: 68px;
    padding: 10px !important;
  }

  .page-account .account-analytics-table .admin-table tr.analytics-data-row {
    padding: 9px !important;
  }

  .page-account .account-analytics-table .admin-table td.analytics-cell {
    grid-template-columns: minmax(82px, .68fr) minmax(0, 1.32fr) !important;
    gap: 7px !important;
    font-size: .75rem !important;
  }
}


/* Analytics-Tabellen: lesbar auf Desktop, Tablet und Mobile. */
.page-account .account-analytics-table {
  min-width: 0;
}

.page-account .account-analytics-table .admin-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.page-account .account-analytics-table .admin-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.page-account .account-analytics-table .admin-table th,
.page-account .account-analytics-table .admin-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.page-account .account-analytics-table .analytics-full-link {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

/* Desktop/Laptop: keine gequetschten Spalten; breite Tabellen scrollen innerhalb der Karte. */
@media (min-width: 761px) {
  .page-account .account-analytics-table .admin-table {
    min-width: 980px;
  }

  .page-account .account-analytics-table.is-recent .admin-table {
    width: max-content !important;
    min-width: 1380px !important;
    table-layout: auto !important;
  }

  .page-account .account-analytics-table .admin-table th {
    min-width: 110px;
    white-space: nowrap;
  }

  .page-account .account-analytics-table.is-recent .analytics-cell-occurred_at { min-width: 145px; }
  .page-account .account-analytics-table.is-recent .analytics-cell-email { min-width: 180px; }
  .page-account .account-analytics-table.is-recent .analytics-cell-traffic { min-width: 135px; }
  .page-account .account-analytics-table.is-recent .analytics-cell-engagement_ms { min-width: 120px; }
  .page-account .account-analytics-table.is-recent .analytics-cell-country_name,
  .page-account .account-analytics-table.is-recent .analytics-cell-city_name { min-width: 120px; }
  .page-account .account-analytics-table.is-recent .analytics-cell-path,
  .page-account .account-analytics-table.is-recent .analytics-cell-referrer {
    min-width: 260px;
    max-width: 420px;
    white-space: normal !important;
  }
}

/* Mobile: bestehende Kartenansicht oben in dieser Datei bleibt massgebend. */
@media (max-width: 760px) {
  .page-account .account-analytics-table .admin-table,
  .page-account .account-analytics-table .admin-table tbody {
    table-layout: auto;
  }

  .page-account .account-analytics-table .admin-table td {
    max-width: none;
  }
}


/* 2026-08-07 Analytics Feinschliff: Land sauber umbrechen, Zeitspalte kompakt als Icon. */
.page-account .account-analytics-table .analytics-cell-country_name,
.page-account .account-analytics-table .analytics-heading-country_name {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto;
}

.page-account .analytics-duration-heading {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  color: currentColor;
}

.page-account .analytics-duration-heading svg {
  display: block;
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (min-width: 761px) {
  .page-account .account-analytics-table.is-recent .analytics-heading-engagement_ms,
  .page-account .account-analytics-table.is-recent .analytics-cell-engagement_ms {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    text-align: center;
    white-space: nowrap !important;
  }

  .page-account .account-analytics-table.is-recent .analytics-heading-country_name,
  .page-account .account-analytics-table.is-recent .analytics-cell-country_name {
    width: 118px !important;
    min-width: 105px !important;
    max-width: 128px !important;
    white-space: normal !important;
    line-height: 1.35;
  }

  .page-account .account-analytics-table.is-recent .analytics-heading-city_name,
  .page-account .account-analytics-table.is-recent .analytics-cell-city_name {
    width: 120px !important;
    min-width: 110px !important;
    max-width: 145px !important;
    white-space: normal !important;
  }
}

@media (max-width: 760px) {
  .page-account .account-analytics-table .analytics-cell-country_name {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto;
  }
}

/* Seller order workspace: compact, responsive tables with lazy-loaded subtabs. */
.page-account .seller-order-subtabs{margin-bottom:16px}
.page-account .seller-order-panel{padding:0;overflow:hidden}
.page-account .seller-orders-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.page-account .seller-orders-table{width:100%;min-width:1080px;border-collapse:collapse;font-size:.9rem}
.page-account .seller-orders-table th,.page-account .seller-orders-table td{padding:13px 12px;border-bottom:1px solid var(--border,#dfe6e2);text-align:left;vertical-align:top}
.page-account .seller-orders-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:rgba(0,0,0,.025)}
.page-account .seller-orders-table td>strong,.page-account .seller-orders-table td>small,.page-account .seller-orders-table td>span{display:block}
.page-account .seller-orders-table td>small{margin-top:5px;line-height:1.45;color:var(--muted,#66736c)}
.page-account .seller-order-product+.seller-order-product{margin-top:10px;padding-top:10px;border-top:1px solid var(--border,#dfe6e2)}
.page-account .seller-order-product strong,.page-account .seller-order-product span,.page-account .seller-order-product small{display:block}
.page-account .seller-order-product span{margin-top:2px}
.page-account .seller-order-product small{margin-top:3px;color:var(--muted,#66736c);font-size:.78rem}
.page-account .seller-order-details summary{cursor:pointer;font-weight:700;white-space:nowrap}
.page-account .seller-order-details-body{min-width:340px;padding-top:12px;display:grid;gap:12px}
.page-account .seller-order-details-body p{margin:.35rem 0 0;line-height:1.5}
.page-account .seller-order-partner-tools{margin-top:4px;padding:12px;border:1px solid var(--border,#dfe6e2);border-radius:12px}
.page-account .seller-order-partner-tools-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.page-account .seller-order-dispatch-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) auto;gap:10px;align-items:end;margin-top:10px}
.page-account .seller-order-dispatch-grid label{display:grid;gap:5px;font-size:.78rem;font-weight:700}
.page-account .seller-order-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.page-account .seller-order-summary>div{padding:14px;border:1px solid var(--border,#dfe6e2);border-radius:12px}
.page-account .seller-order-summary span,.page-account .seller-order-summary strong{display:block}
.page-account .seller-order-summary span{font-size:.8rem;color:var(--muted,#66736c)}
.page-account .seller-order-summary strong{margin-top:4px;font-size:1.25rem}
@media(max-width:800px){
  .page-account .seller-order-dispatch-grid{grid-template-columns:1fr}
  .page-account .seller-order-summary{grid-template-columns:1fr}
}

/* Seller settlement table refresh */
.page-account .seller-settlement-panel {
  display: grid;
  gap: 18px;
}

.page-account .seller-settlement-heading {
  align-items: flex-start;
  gap: 16px;
}

.page-account .seller-settlement-overview {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}

.page-account .seller-settlement-metric {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fbfcfa;
}

.page-account .seller-settlement-metric.is-primary {
  border-color: rgba(12,64,44,.22);
  background: linear-gradient(180deg,#f6fbf8 0%,#eef7f1 100%);
}

.page-account .seller-settlement-metric.is-neutral {
  background: #fff;
}

.page-account .seller-settlement-metric span {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.35;
}

.page-account .seller-settlement-metric strong {
  color: var(--brand-dark);
  font-size: clamp(1.05rem,1.6vw,1.35rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.page-account .seller-settlement-table-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fbfcfa;
}

.page-account .seller-settlement-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.page-account .seller-settlement-table-toolbar strong,
.page-account .seller-settlement-table-toolbar span {
  overflow-wrap: anywhere;
}

.page-account .seller-settlement-table-toolbar span {
  color: var(--muted);
  font-size: .83rem;
}

.page-account .seller-settlement-table-wrap {
  overflow-x: auto;
  border: 1px solid #d8e2dc;
  border-radius: 14px;
  background: #fff;
}

.page-account .seller-settlement-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.page-account .seller-settlement-table th,
.page-account .seller-settlement-table td {
  padding: 13px 14px;
  border-bottom: 1px solid #edf2ee;
  text-align: left;
  vertical-align: top;
}

.page-account .seller-settlement-table th {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  background: #f7faf8;
  white-space: nowrap;
}

.page-account .seller-settlement-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-account .seller-settlement-table td:nth-child(3),
.page-account .seller-settlement-table td:nth-child(4),
.page-account .seller-settlement-table td:nth-child(5),
.page-account .seller-settlement-table th:nth-child(3),
.page-account .seller-settlement-table th:nth-child(4),
.page-account .seller-settlement-table th:nth-child(5) {
  text-align: right;
}

.page-account .seller-settlement-table td strong {
  color: var(--brand-dark);
}

.page-account .seller-settlement-mobile-list {
  display: none;
}

.page-account .seller-settlement-mobile-card {
  display: grid;
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.page-account .seller-settlement-mobile-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.page-account .seller-settlement-mobile-head strong {
  overflow-wrap: anywhere;
}

.page-account .seller-settlement-mobile-card dl {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin: 0;
}

.page-account .seller-settlement-mobile-card dl > div {
  min-width: 0;
  padding: 10px 11px;
  border-radius: 10px;
  background: #f7faf8;
}

.page-account .seller-settlement-mobile-card dt {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: .75rem;
  font-weight: 780;
}

.page-account .seller-settlement-mobile-card dd {
  margin: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .page-account .seller-settlement-overview {
    grid-template-columns: 1fr;
  }

  .page-account .seller-settlement-heading {
    flex-direction: column;
  }

  .page-account .seller-settlement-heading .button {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .page-account .seller-settlement-table-card {
    padding: 14px;
  }

  .page-account .seller-settlement-table-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-account .seller-settlement-table-wrap {
    display: none;
  }

  .page-account .seller-settlement-mobile-list {
    display: grid;
    gap: 12px;
  }

  .page-account .seller-settlement-mobile-card dl {
    grid-template-columns: 1fr;
  }
}