.status-wrap {
  max-width: 560px;
  margin: 2rem auto;
  padding: 0 1rem 3rem;
}
.status-card {
  border: 1px solid var(--border, #2a2a2a);
  border-radius: .8rem;
  background: var(--card-bg, #0f1013);
  padding: 1.5rem;
}
.status-card h2 {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text, #f5f6f7);
}
.lookup-form {
  display: flex;
  flex-direction: column;
  gap: .7rem;
}
.lookup-form label {
  font-size: .82rem;
  color: var(--dim, #9aa3b2);
}
.lookup-form input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  padding: .6rem .75rem;
  border: 1px solid var(--border, #2a2a2a);
  border-radius: .45rem;
  background: var(--input-bg, #111214);
  color: var(--text, #f5f6f7);
  font-size: .95rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.lookup-form input:focus {
  outline: 2px solid rgba(99,102,241,.6);
  outline-offset: 1px;
}
.lookup-btn {
  background: linear-gradient(180deg, rgba(99,102,241,.5), rgba(79,70,229,.4));
  border: 1px solid rgba(99,102,241,.65);
  color: #e0e7ff;
  font-weight: 600;
  font-size: .95rem;
  padding: .55rem 1.2rem;
  border-radius: .45rem;
  cursor: pointer;
  transition: background .15s;
  align-self: flex-start;
}
.lookup-btn:hover { background: linear-gradient(180deg, rgba(99,102,241,.68), rgba(79,70,229,.58)); }
.lookup-btn:disabled { opacity: .45; cursor: not-allowed; }

.result-box {
  margin-top: 1.2rem;
  padding: 1rem;
  border-radius: .55rem;
  border: 1px solid var(--border, #2a2a2a);
  background: var(--result-bg, #111214);
}
.result-box.error {
  border-color: rgba(251,113,133,.3);
  background: rgba(251,113,133,.05);
}
.result-box.found {
  border-color: rgba(99,102,241,.25);
  background: rgba(99,102,241,.04);
}
.result-ticket-id {
  font-size: .8rem;
  color: var(--dim, #9aa3b2);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  margin-bottom: .7rem;
}
.result-status-row {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: .5rem;
}
.status-label {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--dim, #9aa3b2);
}
.status-badge {
  display: inline-flex;
  align-items: center;
  padding: .25rem .7rem;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 600;
  border: 1px solid transparent;
}
.status-badge.received    { color: #a5b4fc; border-color: rgba(99,102,241,.4);  background: rgba(99,102,241,.1); }
.status-badge.in_review   { color: #fde68a; border-color: rgba(251,191,36,.4);  background: rgba(251,191,36,.08); }
.status-badge.in_progress { color: #6ee7b7; border-color: rgba(52,211,153,.35); background: rgba(52,211,153,.07); }
.status-badge.resolved    { color: #bbf7d0; border-color: rgba(52,211,153,.45); background: rgba(52,211,153,.1); }
.status-badge.wont_fix    { color: #e5e7eb; border-color: rgba(156,163,175,.3); background: rgba(156,163,175,.06); }
.status-badge.deferred    { color: #d4b8ff; border-color: rgba(167,139,250,.35);background: rgba(167,139,250,.07); }
.result-notes {
  margin-top: .65rem;
  font-size: .9rem;
  color: var(--text, #f5f6f7);
  line-height: 1.55;
  white-space: pre-wrap;
}
.result-meta {
  margin-top: .7rem;
  font-size: .78rem;
  color: var(--muted, #6b7280);
}
.result-error-msg {
  font-size: .9rem;
  color: #fca5a5;
}
.page-back {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: .85rem;
  color: var(--dim, #9aa3b2);
  text-decoration: none;
}
.page-back:hover { color: var(--text, #f5f6f7); }