/**
 * Klasik görünüm (layout-classic) — responsive düzeltmeler
 * Easy/Command kabuklarını etkilemez; masaüstü sütun düzeni korunur.
 */

body.layout-classic {
  --classic-col-max: 100%;
}

@media (min-width: 768px) {
  body.layout-classic { --classic-col-max: 600px; }
}

@media (min-width: 1200px) {
  body.layout-classic { --classic-col-max: 760px; }
}

/* Kabuk — yatay taşmayı önle */
body.layout-classic .page-root {
  max-width: 100%;
  overflow-x: hidden;
}

body.layout-classic .page {
  min-width: 0;
  overflow-x: hidden;
}

body.layout-classic .card,
body.layout-classic .panel {
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Üst başlık — uzun başlık ve çoklu buton */
body.layout-classic .header {
  flex-wrap: wrap;
  gap: 8px 12px;
  min-width: 0;
}

body.layout-classic .header h2 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.layout-classic .header .btn,
body.layout-classic .header .header-back {
  flex-shrink: 0;
}

@media (max-width: 400px) {
  body.layout-classic .header h2 {
    flex: 1 1 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.25;
  }

  body.layout-classic .header .btn {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
  }
}

/* Sekmeler — dar ekranda kaydırılabilir */
body.layout-classic .tabs {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-wrap: nowrap;
}

body.layout-classic .tabs::-webkit-scrollbar {
  display: none;
}

body.layout-classic .tab {
  flex: 1 0 auto;
  min-width: max(68px, 22%);
  white-space: nowrap;
  font-size: clamp(0.72rem, 3.2vw, 0.875rem);
  padding: 8px 10px;
}

body.layout-classic .rapor-hub-grid {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
}

body.layout-classic .rapor-hub-card {
  padding: 12px;
}

body.layout-classic .rapor-chrome-row {
  gap: 8px;
}

body.layout-classic .rapor-return-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.layout-classic .rapor-tabs {
  display: none;
}

/* Liste satırları */
body.layout-classic .list-item {
  gap: 10px;
  align-items: flex-start;
}

body.layout-classic .list-item > div:first-child {
  flex: 1;
  min-width: 0;
}

body.layout-classic .list-item .title {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.layout-classic .list-item .sub {
  overflow-wrap: anywhere;
}

body.layout-classic .list-item .badge {
  flex-shrink: 0;
  max-width: 42%;
  text-align: right;
  white-space: normal;
  line-height: 1.25;
}

@media (max-width: 380px) {
  body.layout-classic .list-item {
    flex-direction: column;
    align-items: stretch;
  }

  body.layout-classic .list-item .badge {
    max-width: 100%;
    align-self: flex-start;
    text-align: left;
  }
}

/* Arama çubuğu */
body.layout-classic .search-bar {
  flex-wrap: wrap;
  min-width: 0;
}

body.layout-classic .search-bar input {
  flex: 1 1 140px;
  min-width: 0;
}

body.layout-classic .search-bar .btn {
  flex-shrink: 0;
}

@media (max-width: 380px) {
  body.layout-classic .search-bar .btn {
    flex: 1 1 100%;
  }
}

/* FAB — ortalanmış sütun içinde hizala */
body.layout-classic .fab {
  right: max(16px, calc((100vw - min(var(--classic-col-max), 100vw)) / 2 + 16px));
}

body.layout-classic .ai-fab {
  right: max(16px, calc((100vw - min(var(--classic-col-max), 100vw)) / 2 + 16px));
}

/* Modal / form */
body.layout-classic .modal-overlay {
  padding: 0 max(0px, calc((100vw - min(var(--classic-col-max), 100vw)) / 2));
}

body.layout-classic .modal {
  max-width: min(480px, 100%);
  overflow-x: hidden;
  box-sizing: border-box;
}

body.layout-classic .modal.modal--wide {
  max-width: min(520px, 100%);
}

body.layout-classic .modal.modal--wide:has(.sale-return-layout) {
  max-width: min(960px, 100%);
}

body.layout-classic .modal .form-group input,
body.layout-classic .modal .form-group select,
body.layout-classic .modal .form-group textarea {
  max-width: 100%;
}

body.layout-classic .modal-actions {
  flex-wrap: wrap-reverse;
}

body.layout-classic .nav-more-panel {
  max-width: min(480px, 100%);
}

@media (min-width: 768px) {
  body.layout-classic .nav-more-panel {
    max-width: min(var(--classic-col-max), 100%);
    margin-left: auto;
    margin-right: auto;
  }
}

/* Tablolar */
body.layout-classic .table-wrap,
body.layout-classic .rapor-table-wrap,
body.layout-classic .statement-table-wrap,
body.layout-classic .quote-items-table-wrap,
body.layout-classic .variant-table-wrap,
body.layout-classic .excel-preview-table-wrap,
body.layout-classic .pd-price-table-wrap {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

body.layout-classic .statement-table {
  min-width: 480px;
}

body.layout-classic .rapor-table-wrap {
  margin-left: 0;
  margin-right: 0;
}

/* Sticky aksiyon satırı — alt menü ile çakışma */
body.layout-classic .action-row--sticky,
body.layout-classic .form-sticky-save {
  bottom: calc(72px + env(safe-area-inset-bottom));
}

body.layout-classic .page:has(.action-row--sticky),
body.layout-classic .page:has(.form-sticky-save) {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

/* Modül hub */
body.layout-classic .module-hub {
  grid-template-columns: repeat(auto-fill, minmax(min(120px, 100%), 1fr));
}

/* İstatistik kartları */
@media (max-width: 360px) {
  body.layout-classic .stats-grid {
    grid-template-columns: 1fr;
  }

  body.layout-classic .quick-actions {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Satış */
body.layout-classic .sale-detail-summary-head {
  gap: 6px;
}

body.layout-classic .sale-line-item {
  flex-wrap: wrap;
}

body.layout-classic .sale-line-price {
  margin-left: auto;
}

@media (max-width: 480px) {
  body.layout-classic .sale-economics-hero {
    grid-template-columns: 1fr;
  }

  body.layout-classic .sale-return-card-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.layout-classic .sale-return-profit-compare {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  body.layout-classic .sale-return-profit-arrow {
    transform: rotate(90deg);
  }
}

/* Satın alma */
@media (max-width: 520px) {
  body.layout-classic .satinalma-cost-row,
  body.layout-classic .satinalma-reorder-row,
  body.layout-classic .satinalma-item-row {
    flex-direction: column;
    align-items: stretch;
  }

  body.layout-classic .satinalma-cost-side,
  body.layout-classic .satinalma-reorder-side,
  body.layout-classic .satinalma-item-side {
    text-align: left;
  }

  body.layout-classic .satinalma-detail-top {
    flex-direction: column;
    align-items: stretch;
  }

  body.layout-classic .satinalma-form-actions {
    flex-direction: column;
  }

  body.layout-classic .satinalma-form-actions .btn {
    width: 100%;
  }

  body.layout-classic .satinalma-pay-row {
    flex-direction: column;
  }
}

body.layout-classic .satinalma-list-card {
  flex-wrap: wrap;
  gap: 8px;
}

body.layout-classic .satinalma-list-main {
  min-width: 0;
}

/* Ürün */
body.layout-classic .product-detail-head {
  flex-wrap: wrap;
}

body.layout-classic .product-stock-badge {
  flex-shrink: 0;
}

body.layout-classic .product-detail-tabs {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-wrap: nowrap;
}

body.layout-classic .product-detail-tabs::-webkit-scrollbar {
  display: none;
}

body.layout-classic .product-detail-tabs .tab {
  flex: 0 0 auto;
}

/* Cari / ekstre */
body.layout-classic .contact-balance-value {
  overflow-wrap: anywhere;
}

body.layout-classic .statement-contact-name {
  overflow-wrap: anywhere;
}

/* Rapor */
body.layout-classic .rapor-toolbar,
body.layout-classic .rapor-toolbar-inner {
  flex-wrap: wrap;
}

body.layout-classic .rapor-toolbar-inner .btn {
  margin-left: 0;
  flex: 1 1 auto;
  min-width: min(100%, 120px);
}

body.layout-classic .rapor-period-label {
  flex-wrap: wrap;
}

body.layout-classic .rapor-period-label select {
  max-width: 100%;
}

@media (max-width: 480px) {
  body.layout-classic .rapor-chart-canvas {
    height: 200px;
  }

  body.layout-classic .rapor-chart-canvas--pie {
    max-width: 100%;
  }
}

/* Teklif / fiş */
body.layout-classic .quote-list-footer {
  flex-direction: column;
  align-items: flex-start;
}

body.layout-classic .quote-list-next {
  max-width: 100%;
  text-align: left;
}

body.layout-classic .quote-detail-hero-top {
  flex-wrap: wrap;
}

body.layout-classic .quote-approval-public-wrap,
body.layout-classic .quote-approval-public-page {
  min-width: 0;
  overflow-x: hidden;
}

body.layout-classic .quote-approval-public-hero,
body.layout-classic .quote-approval-public-body,
body.layout-classic .quote-approval-actions {
  overflow-wrap: anywhere;
}

body.layout-classic .quote-approval-items-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Entegrasyon satırları */
body.layout-classic .integration-product-row,
body.layout-classic .integration-order-row {
  flex-wrap: wrap;
  gap: 8px;
}

body.layout-classic .integration-product-side,
body.layout-classic .integration-order-side {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

/* POS — klasik hızlı satış */
body.layout-classic .pos-header {
  flex-wrap: wrap;
  gap: 8px;
}

body.layout-classic .pos-header-actions {
  flex-wrap: wrap;
}

/* Dikkat çubuğu — header altında */
body.layout-classic .attention-bar {
  padding-left: max(16px, calc((100vw - min(var(--classic-col-max), 100vw)) / 2 + 16px));
  padding-right: max(16px, calc((100vw - min(var(--classic-col-max), 100vw)) / 2 + 16px));
  position: static;
  top: auto;
  overflow: hidden;
}

@media (max-width: 480px) {
  body.layout-classic .attention-bar {
    padding-top: 8px;
  }

  body.layout-classic .attention-bar-inner {
    flex-wrap: wrap;
    overflow-x: hidden;
  }

  body.layout-classic .attention-chip,
  body.layout-classic .attention-bar-more {
    flex: 0 1 auto;
  }

  body.layout-classic .attention-chip {
    max-width: 100%;
    padding: 5px 9px;
    font-size: .74rem;
  }
}