/* Override Tailwind defaults for nicer in-browser feel */
html { scroll-behavior: smooth; }

.score-bar {
  position: relative;
  height: 8px;
  background: #e2e8f0;
  border-radius: 9999px;
  overflow: hidden;
}
.score-bar > .fill {
  position: absolute;
  inset-block: 0;
  left: 0;
  border-radius: inherit;
  transition: width .35s ease, background .35s ease;
}
.score-bar > .fill.low    { background: #ef4444; }
.score-bar > .fill.mid    { background: #f59e0b; }
.score-bar > .fill.high   { background: #10b981; }

.queue-item.active {
  background: #f8fafc;
  border-left: 3px solid #2563eb;
}

.kpi-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.kpi-card .label { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.kpi-card .value { font-size: 22px; font-weight: 600; color: #0f172a; }

textarea.email-edit {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  line-height: 1.5;
  min-height: 280px;
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 12px 14px;
  background: #f8fafc;
}
textarea.email-edit:focus { outline: 2px solid #2563eb; outline-offset: 1px; }

.btn { display: inline-flex; align-items: center; gap: 6px;
       border-radius: 8px; padding: 8px 14px; font-size: 13px; font-weight: 500;
       transition: transform .05s ease, background .15s ease; }
.btn:active { transform: translateY(1px); }
.btn[disabled] { opacity: .5; cursor: not-allowed; }
.btn-primary { background: #2563eb; color: #fff; }
.btn-primary:hover { background: #1d4ed8; }
.btn-secondary { background: #f1f5f9; color: #0f172a; }
.btn-secondary:hover { background: #e2e8f0; }
.btn-danger { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.btn-danger:hover { background: #fee2e2; }

.draft-block {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 13px;
}