/* Custom light backgrounds only. Black text stays unchanged. */
.store-color-1{ background-color:#fecdd3 !important; }
.store-color-2{ background-color:#fbcfe8 !important; }
.store-color-3{ background-color:#f5d0fe !important; }
.store-color-4{ background-color:#e9d5ff !important; }
.store-color-5{ background-color:#ddd6fe !important; }
.store-color-6{ background-color:#c7d2fe !important; }
.store-color-7{ background-color:#bfdbfe !important; }
.store-color-8{ background-color:#bae6fd !important; }
.store-color-9{ background-color:#a5f3fc !important; }
.store-color-10{ background-color:#99f6e4 !important; }
.store-color-11{ background-color:#a7f3d0 !important; }
.store-color-12{ background-color:#bbf7d0 !important; }
.store-color-13{ background-color:#d9f99d !important; }
.store-color-14{ background-color:#fef08a !important; }
.store-color-15{ background-color:#fde68a !important; }
.store-color-16{ background-color:#fed7aa !important; }
.store-color-17{ background-color:#fecaca !important; }
.store-color-18{ background-color:#fda4af !important; }
.store-color-19{ background-color:#f9a8d4 !important; }
.store-color-20{ background-color:#f0abfc !important; }
.store-color-21{ background-color:#d8b4fe !important; }
.store-color-22{ background-color:#c4b5fd !important; }
.store-color-23{ background-color:#a5b4fc !important; }
.store-color-24{ background-color:#93c5fd !important; }
.store-color-25{ background-color:#7dd3fc !important; }
.store-color-26{ background-color:#67e8f9 !important; }
.store-color-27{ background-color:#5eead4 !important; }
.store-color-28{ background-color:#6ee7b7 !important; }
.store-color-29{ background-color:#86efac !important; }
.store-color-30{ background-color:#bef264 !important; }
.store-color-31{ background-color:#fde047 !important; }
.store-color-32{ background-color:#fcd34d !important; }
.store-color-33{ background-color:#fdba74 !important; }
.store-color-34{ background-color:#fca5a5 !important; }
.store-color-35{ background-color:#ffe4e6 !important; }
.store-color-36{ background-color:#fee2e2 !important; }
.store-color-37{ background-color:#ffedd5 !important; }
.store-color-38{ background-color:#fef9c3 !important; }
.store-color-39{ background-color:#dcfce7 !important; }
.store-color-40{ background-color:#dbeafe !important; }

.tabulator {
	background-color: white;
}
.tabulator-responsive-collapse {
	pointer-events: auto;
}
#store-performance-metrics .tabulator-row .tabulator-cell {
	padding: 0;
}
.metrics-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: flex-start;
	width: max-content;
	justify-content: center;
}
.metric-card {
	flex: 0 0 auto; 
	min-width: 280px; 
}
.card-title {
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin: 0 0 .25rem;
}
.metric-table table {
	border-collapse: collapse;
	font-size: .75rem;
}
.metric-table th,
.metric-table td {
	white-space: normal;
	overflow-wrap: anywhere;
	padding: .35rem .5rem;
}
#dg-deal-list-table .tabulator-tableholder{
     padding-bottom:16px;
}
#daily-log-grid .tabulator-row {
	border-top: 2px solid black;
}
#stockperf-tab,
#stock-type-performance,
#stock-type-performance .tabulator,
#stock-type-performance .tabulator-table {
	overflow-anchor: none;
	contain: layout paint; /* isolate layout ripple */
}
.tabulator-row .tabulator-frozen.tabulator-cell {
	z-index: 3;
}
#daily-log-range-select {
  display: none;
}
.dg-store-chips.mt-2 {
     display: none;
}
.btn.btn-sm.btn-outline-secondary.dg-store-onlysel {
  display: none;
}

#dealgrid-dashboard .tabulator-cell{
	word-break: normal;
}

#dealgrid-dashboard .tabulator-col .tabulator-col-content{
	word-break: normal;
}

@media screen and (max-width: 588px) {
     #store-filter-controls {
          display: block !important;
     }
     #dealgridTabs {
          flex-direction: row;
          gap: 6px;
     }
     #dealgridTabs .nav-link {
          display: block !important;
          padding: 15px !important;
          min-width: 100%;
          margin-bottom: 10px;
     }
     #dealgridTabs {
          display: block !important;
          padding: 0 !important;
     }
     #daily-log-controls {
          display: block !important;
          text-align: center;
     }
     #add-sale, #finalize-day {
          margin-left: 0 !important;
          margin-bottom: 10px;
          width: 100%;
     }
     #daily-log-controls input {
          margin-bottom: 10px;
          width: 100% !important;
     }
     #storeperf .navbar,  #smperf .navbar, #fmperf .navbar, #spperf .navbar, #fmperf .navbar, #stockperf .navbar, #fmperf .navbar {
          padding: 0 !important;
          border: none !important;
          background-color: transparent !important;
     }
     #storeperf .navbar .container-fluid, #smperf .navbar .container-fluid, #fmperf .navbar .container-fluid, #spperf .navbar .container-fluid, #stockperf .navbar .container-fluid {
          padding: 0;
          display: block;
     }
     #storeperf .navbar .container-fluid .navbar-text, #smperf .navbar .container-fluid .navbar-text, #fmperf .navbar .container-fluid .navbar-text, #spperf .navbar .container-fluid .navbar-text, #stockperf .navbar .container-fluid .navbar-text {
          display: block;
     }
     #storeperf .metrics-wrapper .metric-card, #smperf .metrics-wrapper .metric-card, #fmperf .metrics-wrapper .metric-card, #spperf .metrics-wrapper .metric-card, #stockperf .metrics-wrapper .metric-card {
          min-width: auto;
          height: auto !important;
     }
     #metric-filters .form-check.form-check-inline {
          display: block;
     }
     #metric-filters {
          display: block !important;
     }
     .dealgrid-dashboard-settings {
       padding: 0 !important;
     }
     #selling-days-form .holiday-dates-ctr input {
       width: 100%;
     }
     #selling-days-form .input-group {
          display: block;
     }
     #add-holiday {
       width: 100%;
       margin-top: 12px;
     }
     #selling-days-form .card.mb-4 {
       border: none;
     }
     #selling-days-form .card-body {
       padding: 0;
     }
}

@media screen and (max-width: 1123px) {
     #storeperf .metrics-wrapper, #smperf .metrics-wrapper, #fmperf .metrics-wrapper, #spperf .metrics-wrapper, #stockperf .metrics-wrapper {
          display: block;
     }
}