#mobile-menu-btn {
  display: none;
  position: fixed;
  top: 12px; left: 12px;
  z-index: 2000;
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 20px;
  color: var(--text);
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
#mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 1500;
}
@media (max-width: 768px) {
  .draft-card__oos-badge {
    margin: 6px auto 0 !important;
    align-self: center !important;
  }
  textarea.expand-title-input {
    white-space: normal !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    resize: none !important;
    height: 54px !important;
  }
  body { flex-direction: column; overflow: hidden auto; }
  #mobile-menu-btn { display: flex; align-items: center; justify-content: center; }
  .sidebar {
    position: fixed; top: 0; left: 0;
    height: 100vh;
    width: 240px !important; min-width: 240px !important;
    z-index: 1600;
    transform: translateX(-100%);
    transition: transform .25s ease;
    overflow-y: auto;
  }
  .sidebar.mobile-open { transform: translateX(0); }
  .content {
    width: 100%; height: auto; min-height: 100vh;
    padding: 56px 10px 20px;
    overflow-y: auto; overflow-x: hidden;
  }
  #activity-panel { left: 0 !important; width: 100vw !important; max-width: 100vw !important; }
  .view-header > div:first-child {
    align-items: center !important; gap: 8px !important; width: 100% !important; justify-content: center !important;
    align-items: center !important; gap: 8px !important;
  }
  .view-header > div:first-child h2 { margin: 0 !important; }
  #view-competitor-scanner .view-header {
    justify-content: center !important;
  }
  #view-competitor-scanner .view-header > div {
    width: 100% !important;
    text-align: center !important;
  }
  #view-settings .view-header {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  #view-settings .view-header > div:first-child {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  #view-orders .view-header {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  #view-orders .view-header > div:first-child {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  #view-orders .view-header .header-actions {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-top: 0 !important;
  }
  #listings-fetch-btn { padding: 8px 14px !important; font-size: 13px !important; height: auto !important; white-space: nowrap !important; }
  #btn-clear-drafts { display: none !important; }
  #drafts-marketplace { max-width: 140px !important; font-size: 11px !important; padding: 6px 4px !important; }
  .draft-card__checkbox { display: none !important; }
  .draft-card__img { background: transparent !important; padding: 0 !important; align-self: center !important; }
  .draft-card__meta-row { flex-wrap: nowrap !important; }
  .draft-card { position: relative !important; }
  .draft-card__actions {
    position: absolute !important; top: 4px !important; right: 4px !important;
    padding: 0 !important; border-left: none !important;
    align-self: unset !important; width: auto !important; min-width: unset !important;
  }
  .draft-card__actions .del-btn {
    font-size: 11px !important; padding: 3px 7px !important;
    border: 1px solid var(--border) !important; border-radius: 4px !important;
    background: var(--bg-2) !important;
  }
  .draft-card__body { padding-right: 30px !important; min-width: 0 !important; overflow: hidden !important; }
  .draft-card__pricing {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  .draft-card__pricing-row1 {
    display: flex !important; flex-wrap: nowrap !important;
    align-items: center !important; gap: 4px !important;
    justify-content: center !important;
    width: 100% !important;
  }
  .draft-card__pricing.has-fees .draft-card__pricing-row1 {
    justify-content: center !important;
  }
  .draft-card__pricing-row2 {
    display: flex !important; flex-wrap: nowrap !important;
    align-items: center !important; gap: 6px !important;
    justify-content: center !important; width: 100% !important;
  }
  .draft-card__pricing-row1 .price-value { font-size: 10px !important; white-space: nowrap !important; }
  .draft-card__pricing-row1 .price-platform { font-size: 10px !important; }
  .draft-card__pricing-row1 .draft-card__sep { font-size: 10px !important; }
  .draft-card__price-col--profit { border-right: 1px solid var(--border) !important; padding-right: 8px !important; }
  .listings-table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; width: 100% !important; }
  [id^="listing-arrow-"] { display: none !important; }
  #view-buchhaltung table { overflow-x: auto !important; display: block !important; width: 100% !important; }
  #view-buchhaltung td, #view-buchhaltung th { white-space: nowrap !important; word-break: normal !important; }
  .expand-section__body > div[style*="gap:0"] {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .expand-section__body [style*="border-right:1px solid var(--border)"] {
    border-right: none !important; padding-right: 0 !important;
  }
  .expand-section__body [style*="border-left:1px solid var(--border)"] {
    border-left: none !important; padding-left: 0 !important;
  }
  .expand-section__body [style*="padding:0 16px"],
  .expand-section__body [style*="padding-left:16px"] {
    padding-left: 0 !important; padding-right: 0 !important;
  }
  div[style*="justify-content:center"][style*="flex-wrap:nowrap"] {
    flex-direction: column !important; align-items: stretch !important; gap: 6px !important;
  }
  .expand-label[style*="white-space:nowrap"] { text-align: center !important; }
  .expand-section__body .expand-label,
  .expand-field .expand-label {
    font-size: 9px !important; white-space: nowrap !important;
    overflow: hidden !important; text-overflow: ellipsis !important;
    display: block !important; max-width: 100% !important;
  }
  div[style*="gap:10px"] > .expand-field { flex: 1 1 0 !important; min-width: 0 !important; }
  div[style*="gap:10px"] > .expand-field:last-child { flex: 1.5 !important; }
  textarea.expand-readonly[rows="2"] {
    height: auto !important; min-height: unset !important;
    max-height: unset !important; overflow: hidden !important;
    field-sizing: content !important;
  }
  .expand-title-input { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .btn-ai-title { width: auto !important; display: block !important; margin: 6px auto 0 !important; }
  .ai-title-value { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; word-break: break-word !important; }
  .ai-title-type-label { min-width: 90px !important; width: 90px !important; flex-shrink: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
  .dc-price-row { display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; }
  .dc-price-row__top { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 4px !important; }
  .dc-price-row__bottom { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
  .dc-price-row__top .dc-price-value { font-size: 12px !important; }
  .dc-price-row__top .dc-price-label { font-size: 9px !important; }
  .dc-price-row__top .dc-price-arrow { font-size: 10px !important; }
  .dc-price-col--profit { border-right: 1px solid var(--border) !important; padding-right: 10px !important; }
  [id^="exp-returns-opts-"] .expand-label {
    font-size: 9px !important; white-space: nowrap !important;
    overflow: hidden !important; text-overflow: ellipsis !important;
  }
  .img-actions {
    display: flex !important; flex-direction: row !important;
    flex-wrap: nowrap !important; gap: 8px !important;
    justify-content: center !important;
  }
  .img-btn { flex: 1 !important; padding: 9px 10px !important; font-size: 12px !important; white-space: nowrap !important; }
  .img-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (min-width: 769px) {
  .draft-card__pricing { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; }
  .draft-card__pricing-row1, .draft-card__pricing-row2 { display: contents !important; }
  .draft-card__price-col--profit { border-right: 1px solid var(--border) !important; padding-right: 8px !important; border-left: 1px solid var(--border) !important; padding-left: 8px !important; }
  .dc-price-row { display: inline-flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
  .dc-price-row__top, .dc-price-row__bottom { display: contents !important; }
}
@media (min-width: 769px) {
  .dc-price-row { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; }
  .dc-price-row__top { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; }
  .dc-price-row__bottom { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; justify-content: center !important; }
  .dc-price-col--profit { border-right: 1px solid var(--border) !important; padding-right: 10px !important; border-left: none !important; padding-left: 0 !important; }
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
  .tracking-table thead th:nth-child(6),
  .tracking-table thead th:nth-child(7),
  .tracking-table thead th:nth-child(8) { display: none !important; }
  .listing-main-row td:nth-child(6),
  .listing-main-row td:nth-child(7),
  .listing-main-row td:nth-child(8) { display: none !important; }
}
@media (max-width: 768px) {
  .tracking-table { table-layout: auto !important; }
}
@media (max-width: 768px) {
  #orders-table {
    table-layout: fixed !important;
    min-width: 640px !important;
  }
  #orders-table thead th:nth-child(1) { width: 56px !important; }
  #orders-table thead th:nth-child(2) { width: 150px !important; }
  #orders-table thead th:nth-child(3) { width: 90px !important; }
  #orders-table thead th:nth-child(4) { width: 70px !important; }
  #orders-table thead th:nth-child(5) { width: 60px !important; }
  #orders-table thead th:nth-child(6) { width: 130px !important; min-width: 130px !important; }
  #orders-table thead th:nth-child(7) { width: 140px !important; min-width: 140px !important; }
  #orders-table thead th:nth-child(8) { width: 120px !important; min-width: 120px !important; }
  #orders-table tbody td:nth-child(6) { width: 130px !important; min-width: 130px !important; max-width: 130px !important; }
  #orders-table tbody td:nth-child(7) { width: 140px !important; min-width: 140px !important; max-width: 140px !important; }
  #orders-table tbody td:nth-child(8) { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
  #orders-table tbody td:nth-child(6),
  #orders-table tbody td:nth-child(7) {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (max-width: 768px) {
  .listing-col-hide { display: none !important; }
}
@media (max-width: 768px) {
  .tracking-table {
    table-layout: auto !important;
  }
}
@media (max-width: 768px) {
  .listing-main-row td:nth-child(2) span {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-all !important;
    max-width: 180px !important;
  }
}
@media (max-width: 768px) {
  span.listing-title-span {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-word !important;
    max-width: 180px !important;
  }
}
.listing-tracking-mobile { display: none; }
@media (max-width: 768px) {
  .specs-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 768px) {
  div.specs-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }
}
@media (max-width: 768px) {
  .view-header h2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .view-header h2 + .badge,
  .view-header .badge {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .view-header > div:first-child {
    align-items: center !important;
    gap: 6px !important;
  }
  .view-header > div:first-child h2 {
    margin: 0 !important;
  }
  .view-header > div:first-child .badge {
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  .view-header .badge {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .view-header .header-actions {
    margin-top: 4px !important;
  }
}
@media (max-width: 768px) {
  .view-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}
@media (max-width: 768px) {
  .listings-view-header {
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .listings-view-header > div {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .listings-title-row {
    width: 100% !important;
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .listings-title-row {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .listings-view-header .header-actions {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
  }
}
@media (max-width: 768px) {
  textarea.expand-readonly {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: hidden !important;
    field-sizing: content !important;
  }
  div[style*="gap:8px"][style*="align-items:center"] .btn-ai-title,
  div[style*="gap:8px"][style*="align-items:center"] .listing-ai-title-btn {
    align-self: center !important;
  }
}
@media (max-width: 768px) {
  .expand-field > div[style*="justify-content:center"][style*="flex-wrap:nowrap"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .expand-field > div[style*="justify-content:center"][style*="flex-wrap:nowrap"] > label {
    text-align: center !important;
  }
  #listing-expand-row-318572196772 textarea.expand-readonly,
  [id^="listing-expand-row-"] textarea.expand-readonly {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: hidden !important;
    field-sizing: content !important;
  }
}
@media (max-width: 768px) {
  .ai-title-options label[style*="width:calc(80ch"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .ai-title-options {
    overflow: hidden !important;
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .listing-expand-td,
  [id^="listing-expand-row-"] td {
    max-width: 100vw !important;
    overflow: hidden !important;
  }
  .draft-expand {
    max-width: 100vw !important;
    overflow: hidden !important;
  }
  .trumbowyg-editor,
  .trumbowyg-box {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .trumbowyg-editor * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 768px) {
  .listing-ai-title-btn {
    height: 34px !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 768px) {
  .listing-ai-title-btn {
    height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
  }
}
@media (max-width: 768px) {
  .listing-ai-title-btn {
    transform: translateY(-4px) !important;
  }
}
@media (max-width: 768px) {
  textarea.expand-readonly {
    rows: unset !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
@media (max-width: 768px) {
  textarea.expand-readonly {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: hidden !important;
    resize: none !important;
    field-sizing: content !important;
    rows: unset !important;
  }
}
@media (max-width: 768px) {
  textarea.expand-readonly {
    overflow: visible !important;
    height: auto !important;
  }
}
@media (max-width: 768px) {
  .accounting-stats {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .stat-card:nth-child(2) {
    display: none !important;
  }
  .stat-card:nth-child(3) {
    display: none !important;
  }
  .stat-card--combined {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .stat-card--combined .stat-divider {
    height: 1px;
    background: var(--border);
    width: 100%;
  }
}
@media (max-width: 768px) {
  .accounting-stats {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .stat-card--desktop-only {
    display: none !important;
  }
  .stat-card--combined {
    display: flex !important;
  }
}
@media (min-width: 769px) {
  .stat-card--combined {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .accounting-stats {
    align-items: center !important;
  }
}
@media (max-width: 768px) {
  .accounting-stats .stat-card:not(.stat-card--combined) {
    height: 100% !important;
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .accounting-title-row {
    width: 100% !important;
    justify-content: center !important;
  }
  #btn-export-csv {
    display: none !important;
  }
  #btn-export-csv-mobile {
    display: inline-block !important;
  }
}
@media (min-width: 769px) {
  #btn-export-csv-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  #sidebar-toggle {
    display: none !important;
  }
}
@media (max-width: 768px) {
  #expand-section .expand-field > div[style*="flex-direction:column"] > div[style*="gap:8px"],
  .draft-expand div[style*="gap:8px"][style*="align-items:center"][style*="flex:1"] {
    flex-direction: column !important;
    width: 100% !important;
  }
  .draft-expand .expand-title-input {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
  }
  .draft-expand .btn-ai-title {
    align-self: center !important;
  }
}
@media (max-width: 768px) { #orders-table { background: red !important; } }