.receipt-thumb {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #eef3f4;
}

.unit-chart-legend {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  margin-bottom: 16px;
}
.mahalla-dot, .department-dot,
.low-dot, .mid-dot, .complete-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}
.mahalla-dot { background: var(--brand); }
.department-dot { background: var(--warn); margin-left: 10px; }
.low-dot { background: #e05d5d; }
.mid-dot { background: #e6a23c; margin-left: 10px; }
.complete-dot { background: #2f9e67; margin-left: 10px; }
.unit-chart-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.2fr) minmax(220px, 3fr) minmax(145px, 1fr);
  gap: 14px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.unit-chart-row:last-child { border-bottom: 0; }
.unit-chart-label strong, .unit-chart-label small,
.unit-chart-value strong, .unit-chart-value small { display: block; }
.unit-chart-label small, .unit-chart-value small { color: var(--muted); }
.unit-chart-value { text-align: right; }
.unit-chart-track {
  height: 26px;
  background: #e8eff1;
  border-radius: 999px;
  overflow: hidden;
}
.unit-chart-bar {
  display: block;
  height: 100%;
  border-radius: 999px;
  min-width: 3px;
}
.unit-chart-bar.mahalla { background: var(--brand); }
.unit-chart-bar.department { background: var(--warn); }
.unit-chart-bar.low { background: #e05d5d; }
.unit-chart-bar.mid { background: #e6a23c; }
.unit-chart-bar.complete { background: #2f9e67; }

@media (max-width: 700px) {
  .unit-chart-row { grid-template-columns: 1fr; }
  .unit-chart-value { text-align: left; }
  .unit-chart-track { grid-row: 2; }
}
.header-actions { display:flex; align-items:center; gap:14px; }
.notification-bell { position:relative; text-decoration:none; font-size:1.35rem; }
.notification-bell span { position:absolute; top:-8px; right:-10px; background:#dc2626; color:#fff; border-radius:999px; min-width:18px; height:18px; padding:0 4px; font-size:11px; line-height:18px; text-align:center; }
.duplicate-compare { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.duplicate-compare img { width:100%; max-height:65vh; object-fit:contain; }
@media (max-width:800px) { .duplicate-compare { grid-template-columns:1fr; } }