/* Dashboard Grid */
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 24px;
}

/* Shift Status Cards */
.shift-card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  border-left: 4px solid #e2e8f0;
  transition: transform 0.2s, box-shadow 0.2s;
}
.shift-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.shift-card.shift-open { border-left-color: #0D9488; }
.shift-card.shift-closed { border-left-color: #94a3b8; }
.shift-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.shift-card-branch { font-weight: 600; font-size: 16px; color: #1e293b; }
.shift-card-status { padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.shift-card-status.open { background: #d1fae5; color: #065f46; }
.shift-card-status.closed { background: #f1f5f9; color: #64748b; }
.shift-card-info { font-size: 13px; color: #64748b; margin-bottom: 12px; }
.shift-card-totals { display: flex; gap: 12px; }
.shift-card-total { flex: 1; padding: 10px; border-radius: 8px; text-align: center; }
.shift-card-total.cash { background: #f0fdfa; }
.shift-card-total.card { background: #eff6ff; }
.shift-card-total-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px; }
.shift-card-total-amount { font-size: 18px; font-weight: 700; }
.shift-card-total.cash .shift-card-total-amount { color: #0D9488; }
.shift-card-total.card .shift-card-total-amount { color: #3B82F6; }

/* Stat Widgets */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
.stat-card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  text-align: center;
}
.stat-card-value { font-size: 32px; font-weight: 700; color: #1e293b; margin-bottom: 4px; }
.stat-card-label { font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
.stat-card.stat-orders .stat-card-value { color: #6B46C1; }
.stat-card.stat-customers .stat-card-value { color: #0D9488; }
.stat-card.stat-revenue .stat-card-value { color: #2563eb; }

/* Top Selling Widget */
.widget {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  margin-bottom: 24px;
}
.widget-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.widget-title { font-size: 16px; font-weight: 600; color: #1e293b; }
.top-selling-list { list-style: none; padding: 0; margin: 0; }
.top-selling-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.top-selling-item:last-child { border-bottom: none; }
.top-selling-rank { width: 28px; height: 28px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 12px; color: #6B46C1; margin-right: 12px; }
.top-selling-info { flex: 1; }
.top-selling-name { font-weight: 500; color: #1e293b; }
.top-selling-price { font-size: 13px; color: #64748b; }
.top-selling-count { font-weight: 600; color: #6B46C1; }

/* Widgets 2-column layout */
.widgets-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 900px) { .widgets-row { grid-template-columns: 1fr; } }