/* קומפקטי וסופר-קל לעיצוב */
  .ecom-table { width: 100%; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif;margin-bottom:20px; }
  .ecom-table th { text-align: right; padding: 12px 10px; font-size: 14px!important; font-weight: 600!important; border-bottom: 1px solid #e9ecef; color:#333; }
  .ecom-table tbody td { padding: 12px 10px; border-bottom: 1px solid #f1f3f5; vertical-align: middle; font-size:13px; color:#444; }
  .avatar-sm { width:36px; height:36px; object-fit:cover; border-radius:50%; vertical-align:middle; margin-right:8px; }
  .fw-semibold { font-weight:600; }
  .badge-pill { display:inline-block; padding:6px 10px; border-radius:999px; font-size:12px; }
  .bg-success-subtle { background:#e6f4ea; color:#1f8a3a; }
  .bg-danger-subtle  { background:#fdecef; color:#c92a2a; }
  .bg-warning-subtle { background:#fff7e6; color:#a66b00; }
  .action-icons a { margin-right:10px; text-decoration:none; vertical-align:middle; }
  .icon { width:18px; height:18px; display:inline-block; vertical-align:middle; }
  .order-checkbox { width:18px; height:18px; }
  summary { list-style:none; cursor:pointer; padding:6px 10px; border-radius:6px; background:#0d6efd; color:#fff; font-size:13px; }
  details[open] summary { background:#0b5ed7; }
  .order-details { padding:12px; background:#f8f9fa; border-radius:6px; margin-top:8px; font-size:13px; }
    .sub-row { font-size:12px; color:#555; }
  .sub-label { font-weight:600; margin-left:6px; }
  .bg-secondary-subtle { background:#e9ecef; color:#495057; }
.bg-primary-subtle { background:#cff4fc; color:#055160; }
.bg-light-subtle {
    background: #f8f9fa !important;
    color: #6c757d !important;
    border: 1px solid #dee2e6;
}
 .truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub-row td {
    word-wrap: break-word;
    white-space: normal;
    max-width: 0;
}
.note-text {
    max-width: 400px;
    word-wrap: break-word;
    white-space: normal;
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
}


  /* Responsive Table */
@media (max-width: 768px) {
  .responsive-table {
    border: none;
  }

  .desktop-only {
    display: none;
  }

  .data-row td {
    width: 100%;
    text-align: right;
    border: none;
    border-bottom: 1px solid #e9ecef;
    padding: 8px 12px;
  }

  .data-row td:before {
    content: attr(data-label) ": ";
    font-weight: 600;
    color: #666;
    display: inline-block;
    margin-left: 10px;
  }

  .data-row {
    margin-bottom: 10px;
    border-radius: 6px;
  }

  .sub-row td {
    width: 100%;
    text-align: right;
    padding: 8px 12px;
  }
}

/* Desktop */
@media (min-width: 769px) {
  .responsive-table td {
    width: 25%;
  }
}


  .table-separator {
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #2d76bf 20%, #68aaec 80%, transparent 100%);
    margin: 20px 0;
    position: relative;
}