:root{
  --grid-gap:12px;
  --bg-primary: #fff;
  --bg-secondary: #f8f9fa;
  --text-primary: #212529;
  --text-secondary: #555;
  --border-color: #dee2e6;
  --card-shadow: 0 6px 16px rgba(0,0,0,.08);
}

[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --text-primary: #e0e0e0;
  --text-secondary: #b0b0b0;
  --border-color: #404040;
  --card-shadow: 0 6px 16px rgba(0,0,0,.3);
}

[data-theme="dark"] body {
  background-color: #000;
  color: var(--text-primary);
}

[data-theme="dark"] * {
  color: inherit;
}

[data-theme="dark"] .container-fluid {
  background-color: #000;
  color: var(--text-primary);
}

[data-theme="dark"] .rfq-card {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-control::placeholder {
  color: var(--text-secondary);
  opacity: 0.7;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[data-theme="dark"] .alert,
[data-theme="dark"] .modal-content {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .alert-info {
  background-color: rgba(13, 110, 253, 0.15);
  border-color: rgba(13, 110, 253, 0.3);
  color: var(--text-primary);
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(220, 53, 69, 0.15);
  border-color: rgba(220, 53, 69, 0.3);
  color: var(--text-primary);
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(255, 193, 7, 0.15);
  border-color: rgba(255, 193, 7, 0.3);
  color: var(--text-primary);
}

[data-theme="dark"] .alert-success {
  background-color: rgba(25, 135, 84, 0.15);
  border-color: rgba(25, 135, 84, 0.3);
  color: var(--text-primary);
}

[data-theme="dark"] .table {
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
  background-color: var(--bg-primary) !important;
  --bs-table-bg: var(--bg-primary) !important;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.05) !important;
  --bs-table-hover-bg: var(--bg-secondary) !important;
}

[data-theme="dark"] .table thead {
  border-color: var(--border-color) !important;
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .table thead th {
  color: var(--text-primary) !important;
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) {
  background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .table tbody tr {
  border-color: var(--border-color) !important;
  background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .table tbody td {
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .table-hover tbody tr:hover td {
  background-color: transparent !important;
}

[data-theme="dark"] .bg-light {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .form-control::placeholder {
  color: var(--text-secondary);
}

[data-theme="dark"] .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .dropdown-item {
  color: var(--text-primary);
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
  background-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .btn-outline-light {
  color: var(--text-primary);
  border-color: var(--text-secondary);
}

[data-theme="dark"] .btn-outline-light:hover {
  background-color: var(--text-secondary);
  border-color: var(--text-secondary);
  color: #000;
}

[data-theme="dark"] .navbar {
  background-color: #0a0a0a !important;
  border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] .navbar-brand {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .navbar-text {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .input-group-text {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] label {
  color: var(--text-secondary);
}

[data-theme="dark"] .rfq-card {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .modal-header {
  border-color: var(--border-color);
}

[data-theme="dark"] .modal-footer {
  border-color: var(--border-color);
}

[data-theme="dark"] .pagination .page-link {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .pagination .page-link:hover {
  background-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .pagination .page-item.active .page-link {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6 {
  color: var(--text-primary);
}

[data-theme="dark"] a {
  color: #6db3f2;
}

[data-theme="dark"] a:hover {
  color: #9ecbf7;
}

[data-theme="dark"] .btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}

[data-theme="dark"] .btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
}

[data-theme="dark"] .btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
}

[data-theme="dark"] .btn-danger:hover {
  background-color: #bb2d3b;
  border-color: #bb2d3b;
}

[data-theme="dark"] .btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

[data-theme="dark"] .btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

[data-theme="dark"] .btn-info {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #000;
}

[data-theme="dark"] .card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .card-header {
  background-color: var(--border-color);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .pre,
[data-theme="dark"] code {
  background-color: var(--bg-secondary);
  color: #c7e9c0;
  border-color: var(--border-color);
}

[data-theme="dark"] .form-check-input {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

[data-theme="dark"] .form-check-input:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[data-theme="dark"] span {
  color: inherit;
}

[data-theme="dark"] .text-muted {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .table-responsive {
  background-color: transparent;
}

[data-theme="dark"] .filter-row {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .filter-row th {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] option {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] select {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

.filter-row {
  background-color: #f8f9fa;
}


.container-fluid{width:90%; margin-left:auto; margin-right:auto}
.rfq-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap)}
.rfq-card{grid-column: span 12; background:var(--bg-primary); color:var(--text-primary); padding:16px; border-radius:14px; box-shadow:var(--card-shadow); border: 1px solid var(--border-color)}
@media(min-width:992px){
  .rfq-card{grid-column: span 6;}
}
label.small{font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--text-secondary)}
#material_code_select,
#material_code_select option{font-weight:600}

.foam-compact .d-flex.align-items-center.gap-2{
  gap:.5rem !important;
}
.foam-compact .form-control[style*="margin-left: auto"],
.foam-compact .form-select[style*="margin-left: auto"]{
  margin-left:0 !important;
}
.foam-compact .form-control[style*="width: 50%"],
.foam-compact .form-select[style*="width: 50%"]{
  width:36% !important;
}
.foam-compact #rakatmagassag{
  width:32% !important;
}
.foam-compact #spq{
  width:24% !important;
}