/* Subtle visual polish. Same layout, colors and positions as before: only
   softer edges, calmer borders, clearer focus states and tidier tables.
   Remove the <link> to this file to go back to the previous look. */

:root {
  --brand: #00CA79;
  --brand-soft: rgba(0, 202, 121, .15);
  --line: #e4e7eb;
  --line-strong: #d5d9de;
  --head-bg: #f7f8fa;
  --text-muted: #4a4f55;
}

/* Main white content card */
#page-inner {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);
}

/* Labels (content area only; the sidebar keeps its white text) */
#page-inner label {
  font-weight: 600;
  color: #333;
}

/* Inputs and selects */
.form-control,
.form-control2,
.dataTables_wrapper .dataTables_filter input {
  border-radius: 6px;
  border: 1px solid var(--line-strong);
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.form-control:focus,
.form-control2:focus,
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
  outline: none;
}
.form-control[readonly],
.form-control[disabled] {
  background-color: #f4f5f7;
}
.select2-container--default .select2-selection--single {
  border-radius: 6px;
  border-color: var(--line-strong);
}

/* Buttons */
.btn {
  border-radius: 6px;
  font-weight: 500;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.btn:active,
.btn.active {
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
}
.btn:focus,
.btn:active:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .10);
}

/* DataTables export buttons (Copy, Excel, PDF, Print, Column visibility) */
div.dt-buttons .dt-button {
  background: #fff;
  background-image: none;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  color: #333;
  transition: background-color .15s ease, border-color .15s ease;
}
div.dt-buttons .dt-button:hover:not(.disabled) {
  background: #f3f5f7;
  background-image: none;
  border-color: #c3c8ce;
}

/* Tables */
.table > thead > tr > th,
table.dataTable thead th {
  background-color: var(--head-bg);
  color: var(--text-muted);
  font-weight: 600;
  border-bottom: 2px solid var(--line);
  vertical-align: bottom;
}
.table > tbody > tr > td {
  border-top-color: var(--line);
  vertical-align: middle;
}
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
  border-color: var(--line);
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fafbfc;
}
.table-hover > tbody > tr:hover {
  background-color: #eefaf4;
}

/* Orders tables: headings ("Status"), order numbers, prices and totals are
   no longer split in the middle; dates stay on one line. Long tracking
   numbers may still wrap so the table keeps fitting the page. */
#table1 th,
#table1 td:first-child,
#table1 td[id^="price"],
#table1 td[id^="total"] {
  word-break: normal;
  overflow-wrap: normal;
}
#table1 td[id^="oDate"] {
  white-space: nowrap;
}

/* Status badges */
.label {
  border-radius: 4px;
  padding: .3em .65em;
  font-weight: 600;
  letter-spacing: .2px;
}

/* Panels and dialogs */
.panel {
  border-radius: 8px;
}
.panel > .panel-heading {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.modal-content {
  border-radius: 8px;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

/* Sidebar menu: smooth hover */
.sidebar-collapse .nav > li > a {
  transition: background-color .15s ease;
}