/* Compact & Responsive UI tweaks for forms and tables */
/* Make forms and tables more compact and mobile friendly */

/* Forms */
.form-group { margin-bottom: 6px; }
.form-group label { font-size: 13px; margin-bottom: 4px; }
.form-control { padding: 6px 8px; height: 34px; font-size: 13px; }
.input-sm { padding: 4px 6px; height: 30px; font-size: 13px; }

/* Tables */
.table, .table-condensed { font-size: 13px; }
.table > thead > tr > th, .table > tbody > tr > td { padding: 6px 8px; vertical-align: middle; }
.table th .small, .table td .small { font-size: 11px; }
.add-product-price-table th, .add-product-price-table td { padding: 6px 8px; }

.table-responsive { overflow-x: auto; }

/* Buttons and inputs */
.btn { padding: 6px 10px; font-size: 13px; }
.btn-group .btn { padding: 6px 8px; }

/* Modals */
.modal .modal-body { padding: 12px; }

/* Smaller helper text */
.help-block { margin-top: 4px; margin-bottom: 4px; font-size: 12px; }

/* Widgets and boxes */
.box .box-body, .widget .box-body { padding: 10px; }

/* Responsive adjustments */
@media (max-width: 991px) {
  .content-wrapper .box, .content-wrapper .widget { margin-bottom: 10px; }
  .col-sm-4, .col-md-4 { width: 50%; float: left; }
}

@media (max-width: 767px) {
  .col-sm-4, .col-md-4, .col-sm-3, .col-md-3, .col-sm-2 { width: 100%; float: none; }
  .table thead { display: none; }
  .table tbody, .table tr, .table td { display: block; width: 100%; }
  .table td { box-sizing: border-box; white-space: normal; padding-left: 50%; position: relative; }
  .table td:before { position: absolute; left: 8px; top: 6px; white-space: nowrap; font-weight: 600; }
  /* For purchase table map headings in mobile. Add content via data-label attributes where possible in templates if needed. */
}

/* Slightly reduce padding for lists and navs */
.main-sidebar .sidebar-menu > li > a { padding: 8px 10px; }

/* Keep images compact in product lists */
.img-thumbnail { padding: 4px; margin-right: 4px; }