:root {
  --bg: #07111f;
  --panel: rgba(16, 28, 44, 0.94);
  --panel2: rgba(19, 35, 54, 0.95);
  --border: rgba(147, 170, 199, 0.16);
  --text: #f7fbff;
  --muted: #93a6bd;
  --blue: #1769ff;
  --red: #c91d3a;
  --green: #16a34a;
  --yellow: #d97706;
  --shadow: 0 24px 80px rgba(0,0,0,.42);
}
* { box-sizing: border-box; }
html, body {
  margin: 0; min-height: 100%; color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(23,105,255,.24), transparent 30rem),
    radial-gradient(circle at top right, rgba(201,29,58,.18), transparent 25rem),
    var(--bg);
}
button, input, textarea { font-family: inherit; }
button { cursor: pointer; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(460px, 100%); background: var(--panel); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: 26px; padding: 32px; }
.brand { display:flex; align-items:center; gap:14px; margin-bottom: 24px; }
.brand-logo { width:54px; height:42px; border-radius:8px; object-fit:contain; background:#075799; }
.brand h1 { margin:0; font-size:1.35rem; }
.brand p { margin:2px 0 0; color:var(--muted); font-size:.88rem; }
.login-card h2 { margin:0 0 6px; font-size:2rem; }
.subtitle, .page-desc { color:var(--muted); }
.field { margin:14px 0; }
.field label { display:block; color:#cfd9e7; margin-bottom:8px; font-weight:700; }
.field input,.field textarea {
  width:100%; background:rgba(6,15,27,.88); border:1px solid var(--border);
  border-radius:14px; color:var(--text); font-size:1rem; padding:14px; outline:none;
}
.field textarea { min-height:130px; resize:vertical; }
.primary-btn { width:100%; border:0; background:linear-gradient(135deg,var(--red),#e11d48); color:white; padding:15px 18px; border-radius:15px; font-weight:900; font-size:1rem; box-shadow:0 14px 35px rgba(201,29,58,.32); }
.secondary-btn { border:1px solid var(--border); background:rgba(255,255,255,.06); color:var(--text); padding:10px 14px; border-radius:12px; font-weight:800; }
.error { margin:12px 0; background:rgba(201,29,58,.13); color:#fecdd3; border:1px solid rgba(201,29,58,.38); border-radius:14px; padding:12px; }
.shell { min-height:100vh; display:grid; grid-template-columns:280px 1fr; }
.sidebar { border-right:1px solid var(--border); background:rgba(5,14,26,.78); padding:22px; display:flex; flex-direction:column; gap:18px; }
.nav { display:flex; flex-direction:column; gap:8px; }
.nav button { color:var(--text); background:transparent; border:0; border-radius:14px; padding:14px; text-align:left; font-size:1rem; font-weight:800; }
.nav button.active { background:linear-gradient(135deg,#0b5bd3,#2563eb); box-shadow:0 14px 35px rgba(37,99,235,.28); }
.sidebar-footer { margin-top:auto; color:var(--muted); font-size:.86rem; }
.main { min-width:0; display:flex; flex-direction:column; }
.topbar { height:76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); padding:0 30px; background:rgba(8,18,31,.65); }
.logout { background:rgba(255,255,255,.06); border:1px solid var(--border); color:var(--text); padding:10px 14px; border-radius:12px; font-weight:900; }
.content { padding:34px; flex:1; }
.page-title { margin:0 0 6px; font-size:clamp(2rem,4vw,3rem); }
.stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:24px 0; }
.stat-card { background:var(--panel); border:1px solid var(--border); border-radius:20px; padding:20px; min-height:128px; }
.stat-card .icon { width:46px; height:46px; display:grid; place-items:center; border-radius:16px; background:rgba(23,105,255,.18); color:#60a5fa; margin-bottom:14px; }
.stat-card .num { font-size:2rem; font-weight:950; }
.stat-card .label { color:var(--muted); }
.toolbar { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:18px; }
.search { width:min(420px,100%); background:rgba(6,15,27,.88); border:1px solid var(--border); border-radius:14px; color:var(--text); font-size:1rem; padding:13px 14px; }
.table-card,.settings-card { background:var(--panel); border:1px solid var(--border); border-radius:22px; box-shadow:var(--shadow); overflow:hidden; }
.table { width:100%; border-collapse:collapse; }
.table th,.table td { padding:15px 16px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.table th { color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; background:rgba(255,255,255,.04); }
.status { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; font-size:.8rem; font-weight:950; text-transform:uppercase; }
.status.inbox { background:rgba(37,99,235,.16); color:#93c5fd; }
.status.confirmed { background:rgba(22,163,74,.16); color:#86efac; }
.status.archived { background:rgba(217,119,6,.16); color:#fdba74; }
.actions { display:flex; flex-wrap:wrap; gap:8px; }
.icon-btn { border:0; color:white; border-radius:11px; padding:9px 11px; font-weight:900; }
.confirm { background:var(--green); }
.message { background:var(--blue); }
.archive { background:var(--yellow); }
.delete { background:#dc2626; }
.request-grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.request-card { background:var(--panel); border:1px solid var(--border); border-radius:22px; padding:20px; }
.request-message { white-space:pre-wrap; color:#d7e2ef; background:rgba(0,0,0,.18); padding:14px; border-radius:14px; border:1px solid var(--border); }
.empty { text-align:center; padding:70px 20px; color:var(--muted); }
.settings-card { padding:24px; max-width:900px; }
.code { background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:14px; padding:14px; word-break:break-all; color:#bfdbfe; }
.modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.66); display:grid; place-items:center; z-index:50; padding:20px; }
.modal { width:min(520px,100%); background:var(--panel2); border:1px solid var(--border); border-radius:24px; padding:24px; box-shadow:var(--shadow); }
.hidden { display:none!important; }
.toast { position:fixed; top:18px; right:18px; background:rgba(22,163,74,.94); color:white; padding:14px 16px; border-radius:14px; z-index:100; font-weight:900; box-shadow:var(--shadow); }
.toast.error-toast { background:rgba(220,38,38,.95); }
.new-request-alert {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
  z-index: 120; background: linear-gradient(135deg,#0b5bd3,#1769ff);
  color: #fff; padding: 16px 22px; border-radius: 18px; box-shadow: 0 20px 60px rgba(23,105,255,.45);
  font-weight: 950; letter-spacing: .2px; display: flex; align-items: center; gap: 12px;
  animation: popIn .35s ease-out, glowPulse 1.1s ease-in-out infinite alternate;
}
.new-request-alert .bell { font-size: 1.5rem; }
@keyframes popIn { from { opacity:0; transform: translateX(-50%) translateY(-18px) scale(.96);} to { opacity:1; transform: translateX(-50%) translateY(0) scale(1);} }
@keyframes glowPulse { from { box-shadow:0 20px 55px rgba(23,105,255,.35);} to { box-shadow:0 24px 80px rgba(201,29,58,.35);} }
.mobile-only { display:none; }
@media (max-width:900px) {
  .shell { grid-template-columns:1fr; }
  .sidebar { position:sticky; top:0; z-index:20; border-right:0; border-bottom:1px solid var(--border); padding:14px; }
  .sidebar .brand { margin-bottom:4px; }
  .nav { flex-direction:row; overflow-x:auto; padding-bottom:4px; }
  .nav button { white-space:nowrap; font-size:.92rem; }
  .sidebar-footer,.topbar { display:none; }
  .content { padding:22px 14px 92px; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .table-card { overflow-x:auto; }
  .table { min-width:780px; }
  .toolbar { align-items:stretch; flex-direction:column; }
}
@media (max-width:720px) { .desktop-only{display:none;} .mobile-only{display:block;} }
@media (max-width:520px) {
  .stats { grid-template-columns:1fr; }
  .login-card { padding:24px; }
  .brand-logo { width:46px; height:36px; }
  .request-grid { grid-template-columns:1fr; }
  .new-request-alert { width: calc(100% - 24px); justify-content:center; }
}

/* V3 Requests board + persistent alert */
.request-board {
  display: grid;
  grid-template-columns: minmax(360px, 0.95fr) minmax(420px, 1.25fr);
  gap: 20px;
  align-items: start;
}
.board-column {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 24px;
  min-height: 420px;
  overflow: hidden;
  box-shadow: var(--shadow);
}
.column-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid var(--border);
}
.column-title h2 { margin:0; font-size:1.2rem; }
.column-title span {
  display:grid; place-items:center;
  min-width:34px; height:34px;
  background:rgba(23,105,255,.18);
  color:#bfdbfe;
  border-radius:999px;
  font-weight:950;
}
.column-list { padding:14px; display:flex; flex-direction:column; gap:12px; }
.mini-card, .confirmed-card {
  border: 1px solid var(--border);
  background: rgba(7,17,31,.74);
  border-radius: 18px;
  padding: 16px;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.mini-card:hover, .confirmed-card:hover { transform: translateY(-2px); border-color: rgba(147,170,199,.32); }
.mini-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.mini-head h3 { margin:0; font-size:1.05rem; }
.mini-head p { margin:4px 0 0; color:var(--muted); word-break:break-all; }
.mini-subject { margin-top:12px; font-weight:950; }
.mini-message { margin-top:6px; color:#b8c7d9; line-height:1.45; }
.mini-date { margin:12px 0; color:#8ba1bb; font-size:.92rem; }
.board-single {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 14px;
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.compact-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.confirmed-card { position: relative; overflow:hidden; }
.confirmed-card::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(23,105,255,.5), transparent);
  animation: confirmedFade 2.4s ease-in-out infinite alternate;
}
.confirmed-card > * { position:relative; z-index:1; }
.confirmed-card.cool::before { background: linear-gradient(135deg, rgba(23,105,255,.55), transparent); }
.confirmed-card.warm::before { background: linear-gradient(135deg, rgba(217,119,6,.58), transparent); }
.confirmed-card.soon::before { background: linear-gradient(135deg, rgba(245,158,11,.7), transparent); }
.confirmed-card.urgent::before { background: linear-gradient(135deg, rgba(220,38,38,.78), transparent); animation-duration: .8s; }
.confirmed-card.late::before { background: linear-gradient(135deg, rgba(127,29,29,.92), transparent); animation-duration: .55s; }
.confirmed-card.neutral::before { background: linear-gradient(135deg, rgba(100,116,139,.45), transparent); }
@keyframes confirmedFade { from { opacity:.16; } to { opacity:.48; } }
.urgency-pill {
  white-space:nowrap;
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:950;
  background:rgba(255,255,255,.1);
  color:#fff;
}
.pickup-time { margin:12px 0 6px; color:#dbeafe; font-weight:800; }
.request-alert-modal { text-align:center; max-width:560px; }
.alert-bell {
  margin: 0 auto 10px;
  width: 78px; height: 78px;
  display:grid; place-items:center;
  font-size:2.4rem;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#0b5bd3);
  box-shadow:0 20px 60px rgba(23,105,255,.4);
  animation: bellShake .8s ease-in-out infinite;
}
.request-alert-modal h1 { margin: 8px 0 8px; font-size: clamp(2rem,5vw,3.2rem); }
.alert-info, .alert-message {
  margin-top:14px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  text-align:left;
}
.alert-info span { display:block; color:var(--muted); margin-top:4px; }
.alert-message p { margin:8px 0 0; color:#cbd5e1; line-height:1.5; }
.alert-actions { justify-content:center; margin-top:18px; }
.alert-actions .primary-btn { width:auto; min-width:180px; background:linear-gradient(135deg,#1769ff,#2563eb); }
@keyframes bellShake {
  0%,100% { transform: rotate(0deg) scale(1); }
  20% { transform: rotate(-8deg) scale(1.04); }
  45% { transform: rotate(8deg) scale(1.04); }
  70% { transform: rotate(-4deg) scale(1.02); }
}
@media (max-width: 1100px) {
  .request-board { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
  .compact-stats { grid-template-columns:1fr; }
  .request-board { gap:14px; }
  .board-column { min-height:260px; }
}

/* V4 Dashboard tab */
.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(320px, 1.1fr);
  gap: 20px;
  align-items: start;
}
.recent-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid var(--border);
}
.recent-row:last-child { border-bottom:0; }
.recent-row span:not(.status) { color: var(--muted); font-size:.92rem; }
@media (max-width: 900px) {
  .dashboard-grid { grid-template-columns:1fr; }
}

/* V5 compact board, reliable alert, blue-green-yellow-red urgency */
.request-board {
  grid-template-columns: minmax(330px, .92fr) minmax(430px, 1.08fr);
  gap: 14px;
}
.board-column {
  min-height: 320px;
}
.column-title {
  padding: 12px 16px;
}
.column-title h2 {
  font-size: 1.05rem;
}
.column-title span {
  min-width: 28px;
  height: 28px;
  font-size: .86rem;
}
.column-list {
  padding: 10px;
  gap: 8px;
}
.mini-card, .confirmed-card {
  border-radius: 14px;
  padding: 10px 12px;
}
.mini-head h3 {
  font-size: .96rem;
}
.mini-head p {
  font-size: .84rem;
  margin-top: 1px;
}
.mini-subject {
  margin-top: 7px;
  font-size: .92rem;
}
.mini-message {
  margin-top: 3px;
  font-size: .86rem;
  line-height: 1.3;
}
.mini-date {
  margin: 7px 0;
  font-size: .82rem;
}
.pickup-time {
  margin: 7px 0 4px;
  font-size: .9rem;
  color: #dbeafe;
}
.actions {
  gap: 6px;
}
.icon-btn {
  padding: 7px 9px;
  border-radius: 9px;
  font-size: .86rem;
}
.status {
  padding: 4px 8px;
  font-size: .72rem;
}
.urgency-pill {
  padding: 5px 8px;
  font-size: .75rem;
}
.confirmed-card.blue::before {
  background: linear-gradient(135deg, rgba(23,105,255,.82), transparent);
}
.confirmed-card.green::before {
  background: linear-gradient(135deg, rgba(22,163,74,.82), transparent);
}
.confirmed-card.yellow::before {
  background: linear-gradient(135deg, rgba(245,158,11,.9), transparent);
}
.confirmed-card.red::before {
  background: linear-gradient(135deg, rgba(220,38,38,.95), transparent);
  animation-duration: .65s;
}
.confirmed-card.cool::before,
.confirmed-card.warm::before,
.confirmed-card.soon::before,
.confirmed-card.urgent::before,
.confirmed-card.late::before,
.confirmed-card.neutral::before {
  background: linear-gradient(135deg, rgba(23,105,255,.82), transparent);
}
.new-request-modal {
  z-index: 9999;
}
.request-alert-modal {
  max-width: 620px;
  border: 2px solid rgba(96,165,250,.5);
  animation: alertModalPulse 1.1s ease-in-out infinite alternate;
}
.request-alert-modal h1 {
  letter-spacing: .04em;
}
.alert-bell {
  animation: bellShake .65s ease-in-out infinite;
}
@keyframes alertModalPulse {
  from { box-shadow: 0 24px 90px rgba(23,105,255,.35); }
  to { box-shadow: 0 32px 120px rgba(220,38,38,.38); }
}
@media (max-width: 1100px) {
  .request-board { grid-template-columns: 1fr; }
}

/* Structured request details */
.request-summary {
  margin-top: 10px;
  display: grid;
  gap: 4px;
  color: var(--muted);
  line-height: 1.35;
  word-break: break-word;
}
.request-summary strong {
  color: var(--text);
}
.alert-message .request-summary {
  font-size: 0.95rem;
}
.staff-message {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(37, 99, 235, .14);
  border: 1px solid rgba(96, 165, 250, .26);
  color: var(--text);
}


/* FINAL SYNC POLISH */
.request-summary div {
  margin: 4px 0;
}

.request-summary.compact-summary div {
  margin: 3px 0;
}

.compact-alert-modal {
  max-width: 560px !important;
  padding: 26px !important;
}

.compact-alert-modal h1 {
  font-size: clamp(2.2rem, 5vw, 3.4rem) !important;
  letter-spacing: .08em;
  margin: 12px 0 8px !important;
}

.compact-alert-card,
.compact-alert-client {
  margin-top: 14px !important;
}

.compact-alert-card strong {
  font-size: 1.15rem;
}

.confirmed-message {
  background: rgba(22, 163, 74, .16) !important;
  border-color: rgba(34, 197, 94, .42) !important;
  color: #dcfce7 !important;
}

.confirmed-message strong {
  color: #86efac !important;
}

.confirmed-clean-card {
  border-color: rgba(34, 197, 94, .28) !important;
  background: linear-gradient(135deg, rgba(22, 163, 74, .10), rgba(15, 28, 46, .94)) !important;
}

.clean-confirmed-summary {
  margin-top: 10px;
}

.status.confirmed {
  background: rgba(22, 163, 74, .18) !important;
  color: #86efac !important;
}

@media (max-width: 900px) {
  .compact-alert-modal {
    max-width: calc(100vw - 24px) !important;
    padding: 20px !important;
  }

  .compact-alert-modal h1 {
    font-size: 2.2rem !important;
  }
}


/* Requested final fixes */
.compact-alert-modal {
  max-width: 540px !important;
  padding: 24px !important;
}

.compact-alert-modal .alert-bell {
  width: 72px !important;
  height: 72px !important;
  font-size: 2rem !important;
  margin-bottom: 10px !important;
}

.compact-alert-modal h1 {
  font-size: clamp(2rem, 4.5vw, 3.1rem) !important;
  letter-spacing: .08em;
  margin: 8px 0 6px !important;
}

.compact-alert-card,
.compact-alert-client {
  margin-top: 12px !important;
}

.request-summary.compact-summary div {
  margin: 3px 0;
}

.confirmed-message {
  background: rgba(22, 163, 74, .16) !important;
  border-color: rgba(34, 197, 94, .42) !important;
  color: #dcfce7 !important;
}

.confirmed-message strong {
  color: #86efac !important;
}

.confirmed-clean-card,
.confirmed-card {
  border-color: rgba(34, 197, 94, .28) !important;
}

.status.confirmed,
.urgency-pill {
  background: rgba(22, 163, 74, .18) !important;
  color: #86efac !important;
}

.notify-btn {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .compact-alert-modal {
    max-width: calc(100vw - 24px) !important;
    padding: 18px !important;
  }

  .compact-alert-modal h1 {
    font-size: 2rem !important;
  }
}


/* Stable final backend/UI patch */
.compact-alert-modal {
  max-width: 520px !important;
  padding: 22px !important;
}

.compact-alert-modal .alert-bell {
  width: 68px !important;
  height: 68px !important;
  font-size: 1.9rem !important;
  margin-bottom: 8px !important;
}

.compact-alert-modal h1 {
  font-size: clamp(1.95rem, 4.2vw, 3rem) !important;
  margin: 6px 0 !important;
}

.compact-alert-card,
.compact-alert-client {
  margin-top: 10px !important;
}

.confirmed-message {
  background: rgba(22, 163, 74, .16) !important;
  border-color: rgba(34, 197, 94, .42) !important;
  color: #dcfce7 !important;
}

.confirmed-message strong {
  color: #86efac !important;
}


/* Restore pickup countdown badge */
.urgency-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #f8fafc;
  font-weight: 900;
  font-size: .85rem;
  white-space: nowrap;
}

.urgency-pill.confirmed {
  background: rgba(22,163,74,.22) !important;
  color: #86efac !important;
}

.confirmed-clean-card {
  border-color: rgba(34, 197, 94, .28) !important;
}

.urgency-pill.urgency-green{
  background:rgba(22,163,74,.18);
  border:1px solid rgba(22,163,74,.45);
  color:#4ade80;
}
.urgency-pill.urgency-blue{
  background:rgba(37,99,235,.18);
  border:1px solid rgba(37,99,235,.45);
  color:#60a5fa;
}
.urgency-pill.urgency-yellow{
  background:rgba(234,179,8,.18);
  border:1px solid rgba(234,179,8,.45);
  color:#fde047;
}
.urgency-pill.urgency-red{
  background:rgba(220,38,38,.18);
  border:1px solid rgba(220,38,38,.45);
  color:#f87171;
  animation: pulseUrgent 1.2s infinite;
}
.urgency-pill.urgency-confirmed{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
@keyframes pulseUrgent{
  0%{transform:scale(1);}
  50%{transform:scale(1.05);}
  100%{transform:scale(1);}
}

/* Confirmed request card urgency colors */
.confirmed-clean-card.urgency-green{
  border-color: rgba(34,197,94,.50) !important;
  box-shadow: 0 0 0 1px rgba(34,197,94,.12), 0 16px 36px rgba(0,0,0,.22);
}
.confirmed-clean-card.urgency-blue{
  border-color: rgba(59,130,246,.55) !important;
  box-shadow: 0 0 0 1px rgba(59,130,246,.14), 0 16px 36px rgba(0,0,0,.22);
}
.confirmed-clean-card.urgency-yellow{
  border-color: rgba(234,179,8,.65) !important;
  box-shadow: 0 0 0 1px rgba(234,179,8,.16), 0 16px 36px rgba(0,0,0,.22);
}
.confirmed-clean-card.urgency-red{
  border-color: rgba(239,68,68,.75) !important;
  box-shadow: 0 0 0 1px rgba(239,68,68,.18), 0 16px 36px rgba(0,0,0,.22);
}


/* FINAL FIX: dynamic moving background/glow for confirmed cards by countdown urgency */
.confirmed-card.confirmed-clean-card.urgency-green::before,
.confirmed-clean-card.urgency-green::before {
  background:
    radial-gradient(circle at 18% 20%, rgba(34,197,94,.42), transparent 34%),
    linear-gradient(135deg, rgba(22,163,74,.72), rgba(7,17,31,.05) 68%) !important;
  animation: confirmedUrgencyFlow 2.8s ease-in-out infinite alternate !important;
  opacity: .42 !important;
}

.confirmed-card.confirmed-clean-card.urgency-blue::before,
.confirmed-clean-card.urgency-blue::before {
  background:
    radial-gradient(circle at 18% 20%, rgba(59,130,246,.45), transparent 34%),
    linear-gradient(135deg, rgba(37,99,235,.72), rgba(7,17,31,.05) 68%) !important;
  animation: confirmedUrgencyFlow 2.4s ease-in-out infinite alternate !important;
  opacity: .44 !important;
}

.confirmed-card.confirmed-clean-card.urgency-yellow::before,
.confirmed-clean-card.urgency-yellow::before {
  background:
    radial-gradient(circle at 18% 20%, rgba(250,204,21,.52), transparent 34%),
    linear-gradient(135deg, rgba(245,158,11,.82), rgba(7,17,31,.05) 68%) !important;
  animation: confirmedUrgencyFlow 1.65s ease-in-out infinite alternate !important;
  opacity: .52 !important;
}

.confirmed-card.confirmed-clean-card.urgency-red::before,
.confirmed-clean-card.urgency-red::before {
  background:
    radial-gradient(circle at 18% 20%, rgba(248,113,113,.62), transparent 35%),
    linear-gradient(135deg, rgba(239,68,68,.92), rgba(245,158,11,.28) 44%, rgba(7,17,31,.04) 72%) !important;
  animation: confirmedUrgencyFlow 1.05s ease-in-out infinite alternate !important;
  opacity: .62 !important;
}

@keyframes confirmedUrgencyFlow {
  0% {
    opacity: .22;
    transform: translateX(-18%) translateY(-8%) scale(1.05);
  }
  100% {
    opacity: .68;
    transform: translateX(16%) translateY(8%) scale(1.18);
  }
}


/* FINAL POLISH: subtle urgency glow, no harsh full-card overlay */
.confirmed-card.confirmed-clean-card::before,
.confirmed-clean-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% -20% -35% -20% !important;
  pointer-events: none !important;
  opacity: .18 !important;
  z-index: 0 !important;
  background: radial-gradient(circle at 15% 22%, rgba(59,130,246,.30), transparent 34%) !important;
  transform: translateX(-8%) scale(1.04) !important;
  animation: softUrgencyGlow 4.8s ease-in-out infinite alternate !important;
}

.confirmed-card.confirmed-clean-card > *,
.confirmed-clean-card > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Keep the base card dark/professional; only a soft colored glow moves behind it */
.confirmed-clean-card.urgency-green {
  border-color: rgba(34,197,94,.42) !important;
  background: linear-gradient(135deg, rgba(7,17,31,.92), rgba(13,31,45,.88)) !important;
  box-shadow: 0 0 0 1px rgba(34,197,94,.08), 0 16px 36px rgba(0,0,0,.22) !important;
}
.confirmed-clean-card.urgency-green::before {
  background: radial-gradient(circle at 16% 24%, rgba(34,197,94,.32), transparent 36%) !important;
  opacity: .20 !important;
  animation-duration: 5.2s !important;
}

.confirmed-clean-card.urgency-blue {
  border-color: rgba(59,130,246,.42) !important;
  background: linear-gradient(135deg, rgba(7,17,31,.92), rgba(12,30,52,.88)) !important;
  box-shadow: 0 0 0 1px rgba(59,130,246,.08), 0 16px 36px rgba(0,0,0,.22) !important;
}
.confirmed-clean-card.urgency-blue::before {
  background: radial-gradient(circle at 16% 24%, rgba(59,130,246,.34), transparent 36%) !important;
  opacity: .20 !important;
  animation-duration: 4.8s !important;
}

.confirmed-clean-card.urgency-yellow {
  border-color: rgba(245,158,11,.52) !important;
  background: linear-gradient(135deg, rgba(7,17,31,.92), rgba(43,32,13,.82)) !important;
  box-shadow: 0 0 0 1px rgba(245,158,11,.10), 0 16px 36px rgba(0,0,0,.22) !important;
}
.confirmed-clean-card.urgency-yellow::before {
  background: radial-gradient(circle at 16% 24%, rgba(245,158,11,.34), transparent 36%) !important;
  opacity: .22 !important;
  animation-duration: 4s !important;
}

.confirmed-clean-card.urgency-red {
  border-color: rgba(239,68,68,.58) !important;
  background: linear-gradient(135deg, rgba(7,17,31,.92), rgba(45,18,22,.84)) !important;
  box-shadow: 0 0 0 1px rgba(239,68,68,.12), 0 16px 36px rgba(0,0,0,.22) !important;
}
.confirmed-clean-card.urgency-red::before {
  background: radial-gradient(circle at 16% 24%, rgba(239,68,68,.36), transparent 36%) !important;
  opacity: .24 !important;
  animation-duration: 3.2s !important;
}

@keyframes softUrgencyGlow {
  0% { transform: translateX(-12%) translateY(-5%) scale(1.02); opacity: .12; }
  100% { transform: translateX(8%) translateY(4%) scale(1.08); opacity: .26; }
}

.urgency-pill.urgency-green {
  background: rgba(34,197,94,.16) !important;
  border: 1px solid rgba(34,197,94,.35) !important;
  color: #86efac !important;
  animation: none !important;
}
.urgency-pill.urgency-blue {
  background: rgba(59,130,246,.16) !important;
  border: 1px solid rgba(59,130,246,.35) !important;
  color: #93c5fd !important;
  animation: none !important;
}
.urgency-pill.urgency-yellow {
  background: rgba(245,158,11,.16) !important;
  border: 1px solid rgba(245,158,11,.38) !important;
  color: #fcd34d !important;
  animation: none !important;
}
.urgency-pill.urgency-red {
  background: rgba(239,68,68,.16) !important;
  border: 1px solid rgba(239,68,68,.40) !important;
  color: #fca5a5 !important;
  animation: subtleBadgePulse 1.6s ease-in-out infinite !important;
}
@keyframes subtleBadgePulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(239,68,68,0); }
  50% { transform: scale(1.03); box-shadow: 0 0 18px rgba(239,68,68,.18); }
}

/* PREMIUM URGENCY WAVE STYLE - similar to reference image, clean dark card */
.confirmed-card.confirmed-clean-card,
.confirmed-clean-card {
  --urgency-rgb: 59,130,246;
  --urgency-soft: rgba(59,130,246,.18);
  --urgency-line: rgba(59,130,246,.55);
  --urgency-text: #93c5fd;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 88% 40%, rgba(var(--urgency-rgb), .10), transparent 34%),
    linear-gradient(135deg, rgba(7, 17, 31, .98), rgba(11, 24, 42, .96)) !important;
  border: 1px solid rgba(var(--urgency-rgb), .62) !important;
  box-shadow:
    0 0 0 1px rgba(var(--urgency-rgb), .10),
    0 0 22px rgba(var(--urgency-rgb), .10),
    0 20px 44px rgba(0,0,0,.30) !important;
}

.confirmed-card.confirmed-clean-card::before,
.confirmed-clean-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .72 !important;
  background:
    linear-gradient(115deg, transparent 0 45%, rgba(var(--urgency-rgb), .12) 53%, rgba(var(--urgency-rgb), .28) 58%, transparent 67%),
    radial-gradient(ellipse at 76% 58%, rgba(var(--urgency-rgb), .32), transparent 31%),
    radial-gradient(ellipse at 88% 42%, rgba(var(--urgency-rgb), .18), transparent 30%) !important;
  transform: translateX(-10%) scale(1.04) !important;
  animation: premiumUrgencyWave 5.4s ease-in-out infinite alternate !important;
  mix-blend-mode: screen !important;
}

.confirmed-card.confirmed-clean-card::after,
.confirmed-clean-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .55 !important;
  background:
    linear-gradient(105deg, transparent 0 47%, rgba(var(--urgency-rgb), .28) 50%, transparent 53%),
    linear-gradient(110deg, transparent 0 55%, rgba(var(--urgency-rgb), .18) 58%, transparent 62%) !important;
  filter: blur(1.2px) !important;
  transform: translateX(-8%) translateY(3%) !important;
  animation: premiumUrgencyLines 4.8s ease-in-out infinite alternate !important;
}

.confirmed-card.confirmed-clean-card > *,
.confirmed-clean-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.confirmed-clean-card.urgency-green {
  --urgency-rgb: 34,197,94;
  --urgency-text: #86efac;
  --urgency-soft: rgba(34,197,94,.16);
  --urgency-line: rgba(34,197,94,.55);
}
.confirmed-clean-card.urgency-blue {
  --urgency-rgb: 59,130,246;
  --urgency-text: #93c5fd;
  --urgency-soft: rgba(59,130,246,.16);
  --urgency-line: rgba(59,130,246,.55);
}
.confirmed-clean-card.urgency-yellow {
  --urgency-rgb: 245,158,11;
  --urgency-text: #fcd34d;
  --urgency-soft: rgba(245,158,11,.16);
  --urgency-line: rgba(245,158,11,.56);
}
.confirmed-clean-card.urgency-red {
  --urgency-rgb: 239,68,68;
  --urgency-text: #fca5a5;
  --urgency-soft: rgba(239,68,68,.18);
  --urgency-line: rgba(239,68,68,.64);
  box-shadow:
    0 0 0 1px rgba(239,68,68,.14),
    0 0 28px rgba(239,68,68,.20),
    0 22px 48px rgba(0,0,0,.35) !important;
}
.confirmed-clean-card.urgency-red::before { animation-duration: 3.5s !important; opacity: .82 !important; }
.confirmed-clean-card.urgency-red::after { animation-duration: 3.1s !important; opacity: .68 !important; }

.urgency-pill.urgency-green,
.urgency-pill.urgency-blue,
.urgency-pill.urgency-yellow,
.urgency-pill.urgency-red {
  background: rgba(var(--urgency-rgb), .14) !important;
  border: 1px solid rgba(var(--urgency-rgb), .55) !important;
  color: var(--urgency-text) !important;
  box-shadow: 0 0 18px rgba(var(--urgency-rgb), .12) !important;
}
.urgency-pill.urgency-red {
  animation: premiumBadgePulse 1.35s ease-in-out infinite !important;
}

@keyframes premiumUrgencyWave {
  0% { transform: translateX(-12%) translateY(-2%) scale(1.02); opacity: .42; }
  100% { transform: translateX(12%) translateY(2%) scale(1.08); opacity: .78; }
}
@keyframes premiumUrgencyLines {
  0% { transform: translateX(-18%) translateY(5%) skewX(-10deg); opacity: .20; }
  100% { transform: translateX(14%) translateY(-3%) skewX(-10deg); opacity: .64; }
}
@keyframes premiumBadgePulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 14px rgba(239,68,68,.12); }
  50% { transform: scale(1.04); box-shadow: 0 0 24px rgba(239,68,68,.28); }
}

@media (prefers-reduced-motion: reduce) {
  .confirmed-clean-card::before,
  .confirmed-clean-card::after,
  .urgency-pill.urgency-red { animation: none !important; }
}


/* =========================================================
   FINAL PREMIUM URGENCY WAVE — clean dark neon cards
   Green >60 min | Blue 30-60 | Yellow 10-30 | Red <=10
   ========================================================= */
.confirmed-card.confirmed-clean-card,
.confirmed-clean-card {
  --u-rgb: 59,130,246;
  --u-text: #93c5fd;
  --u-soft: rgba(59,130,246,.16);
  --u-border: rgba(59,130,246,.80);
  --u-glow: rgba(59,130,246,.28);
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1.5px solid var(--u-border) !important;
  background:
    radial-gradient(ellipse at 82% 46%, rgba(var(--u-rgb), .18), transparent 36%),
    linear-gradient(135deg, rgba(10,24,43,.98), rgba(7,16,29,.98) 55%, rgba(8,18,33,.98)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--u-rgb), .07),
    0 0 0 1px rgba(var(--u-rgb), .10),
    0 0 22px rgba(var(--u-rgb), .14),
    0 18px 42px rgba(0,0,0,.34) !important;
  transition: border-color .35s ease, box-shadow .35s ease, background .35s ease !important;
}

.confirmed-clean-card.urgency-green { --u-rgb: 34,197,94;  --u-text:#86efac; --u-border:rgba(34,197,94,.78);  --u-glow:rgba(34,197,94,.28); }
.confirmed-clean-card.urgency-blue  { --u-rgb: 59,130,246; --u-text:#93c5fd; --u-border:rgba(59,130,246,.80); --u-glow:rgba(59,130,246,.30); }
.confirmed-clean-card.urgency-yellow{ --u-rgb: 245,158,11; --u-text:#fcd34d; --u-border:rgba(245,158,11,.84); --u-glow:rgba(245,158,11,.32); }
.confirmed-clean-card.urgency-red   { --u-rgb: 239,68,68;  --u-text:#fca5a5; --u-border:rgba(239,68,68,.92);  --u-glow:rgba(239,68,68,.38); }

/* soft moving wave behind the info, like the reference image */
.confirmed-card.confirmed-clean-card::before,
.confirmed-clean-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -12% -10% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .80 !important;
  background:
    radial-gradient(ellipse at 78% 58%, rgba(var(--u-rgb), .24), transparent 28%),
    linear-gradient(105deg, transparent 0 42%, rgba(var(--u-rgb), .06) 47%, rgba(var(--u-rgb), .22) 53%, rgba(var(--u-rgb), .08) 59%, transparent 68%),
    linear-gradient(112deg, transparent 0 50%, rgba(var(--u-rgb), .05) 55%, rgba(var(--u-rgb), .18) 61%, transparent 71%) !important;
  filter: blur(.2px) saturate(1.12) !important;
  transform: translateX(-12%) translateY(0) skewX(-7deg) !important;
  animation: lazPremiumWave 6.5s ease-in-out infinite alternate !important;
  mix-blend-mode: screen !important;
}

/* thin bright line wave */
.confirmed-card.confirmed-clean-card::after,
.confirmed-clean-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .58 !important;
  background:
    linear-gradient(108deg, transparent 0 48%, rgba(var(--u-rgb), .08) 50%, rgba(var(--u-rgb), .58) 51.5%, rgba(var(--u-rgb), .10) 54%, transparent 60%),
    linear-gradient(112deg, transparent 0 58%, rgba(var(--u-rgb), .28) 61%, transparent 67%) !important;
  filter: blur(.7px) !important;
  transform: translateX(-18%) translateY(4%) skewX(-8deg) !important;
  animation: lazPremiumLine 5.2s ease-in-out infinite alternate !important;
  mix-blend-mode: screen !important;
}

.confirmed-card.confirmed-clean-card > *,
.confirmed-clean-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.confirmed-clean-card .urgency-pill,
.urgency-pill.urgency-green,
.urgency-pill.urgency-blue,
.urgency-pill.urgency-yellow,
.urgency-pill.urgency-red {
  color: var(--u-text) !important;
  background: rgba(var(--u-rgb), .13) !important;
  border: 1px solid rgba(var(--u-rgb), .68) !important;
  box-shadow: inset 0 0 18px rgba(var(--u-rgb), .07), 0 0 20px rgba(var(--u-rgb), .12) !important;
  text-shadow: 0 0 12px rgba(var(--u-rgb), .20) !important;
}

.confirmed-clean-card .confirmed-message,
.confirmed-clean-card .staff-message.confirmed-message {
  background: rgba(3,15,27,.42) !important;
  border: 1px solid rgba(var(--u-rgb), .42) !important;
  color: rgba(255,255,255,.94) !important;
  box-shadow: inset 0 0 24px rgba(var(--u-rgb), .055) !important;
  backdrop-filter: blur(2px) !important;
}
.confirmed-clean-card .confirmed-message strong,
.confirmed-clean-card .staff-message.confirmed-message strong {
  color: var(--u-text) !important;
  text-shadow: 0 0 12px rgba(var(--u-rgb), .22) !important;
}

.confirmed-clean-card.urgency-red {
  box-shadow:
    inset 0 0 0 1px rgba(239,68,68,.09),
    0 0 0 1px rgba(239,68,68,.12),
    0 0 28px rgba(239,68,68,.18),
    0 18px 42px rgba(0,0,0,.38) !important;
}
.confirmed-clean-card.urgency-red::before { animation-duration: 4.4s !important; opacity: .88 !important; }
.confirmed-clean-card.urgency-red::after { animation-duration: 3.8s !important; opacity: .76 !important; }
.confirmed-clean-card.urgency-red .urgency-pill { animation: lazUrgentPulse 1.6s ease-in-out infinite !important; }

@keyframes lazPremiumWave {
  0%   { transform: translateX(-20%) translateY(2%) skewX(-7deg) scale(1.02); opacity: .45; }
  100% { transform: translateX(10%) translateY(-2%) skewX(-7deg) scale(1.06); opacity: .82; }
}
@keyframes lazPremiumLine {
  0%   { transform: translateX(-25%) translateY(7%) skewX(-8deg); opacity: .28; }
  100% { transform: translateX(18%) translateY(-3%) skewX(-8deg); opacity: .72; }
}
@keyframes lazUrgentPulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 16px rgba(239,68,68,.12) !important; }
  50% { transform: scale(1.035); box-shadow: 0 0 26px rgba(239,68,68,.30) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .confirmed-clean-card::before,
  .confirmed-clean-card::after,
  .confirmed-clean-card.urgency-red .urgency-pill { animation: none !important; }
}


/* =========================================================
   LAZ Request - FINAL premium urgency wave background
   Applies the real colored wave to the actual confirmed card.
   This overrides the old fixed blue card background.
   ========================================================= */

.confirmed-card.confirmed-clean-card,
.confirmed-clean-card {
  --laz-u-rgb: 59,130,246;
  --laz-u-main: #60a5fa;
  --laz-u-soft: rgba(59,130,246,.18);
  --laz-u-border: rgba(59,130,246,.80);

  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 18px !important;
  border: 1px solid var(--laz-u-border) !important;

  /* Real base + wave background, not only a pseudo layer */
  background:
    linear-gradient(105deg,
      rgba(var(--laz-u-rgb), .04) 0%,
      rgba(7, 18, 32, .88) 22%,
      rgba(7, 18, 32, .94) 44%,
      rgba(var(--laz-u-rgb), .09) 66%,
      rgba(7, 18, 32, .96) 100%
    ),
    radial-gradient(ellipse at 88% 45%, rgba(var(--laz-u-rgb), .22) 0%, rgba(var(--laz-u-rgb), .10) 24%, transparent 48%),
    radial-gradient(ellipse at 58% 78%, rgba(var(--laz-u-rgb), .12) 0%, transparent 44%),
    #071220 !important;

  box-shadow:
    inset 0 0 0 1px rgba(var(--laz-u-rgb), .06),
    0 0 22px rgba(var(--laz-u-rgb), .13),
    0 16px 38px rgba(0,0,0,.38) !important;
}

/* Color map */
.confirmed-card.confirmed-clean-card.urgency-green,
.confirmed-clean-card.urgency-green {
  --laz-u-rgb: 34,197,94;
  --laz-u-main: #86efac;
  --laz-u-soft: rgba(34,197,94,.16);
  --laz-u-border: rgba(34,197,94,.82);
}
.confirmed-card.confirmed-clean-card.urgency-blue,
.confirmed-clean-card.urgency-blue {
  --laz-u-rgb: 59,130,246;
  --laz-u-main: #93c5fd;
  --laz-u-soft: rgba(59,130,246,.18);
  --laz-u-border: rgba(59,130,246,.84);
}
.confirmed-card.confirmed-clean-card.urgency-yellow,
.confirmed-clean-card.urgency-yellow {
  --laz-u-rgb: 245,158,11;
  --laz-u-main: #fcd34d;
  --laz-u-soft: rgba(245,158,11,.20);
  --laz-u-border: rgba(245,158,11,.90);
}
.confirmed-card.confirmed-clean-card.urgency-red,
.confirmed-clean-card.urgency-red {
  --laz-u-rgb: 239,68,68;
  --laz-u-main: #fca5a5;
  --laz-u-soft: rgba(239,68,68,.21);
  --laz-u-border: rgba(239,68,68,.94);
}

/* The premium moving wave */
.confirmed-card.confirmed-clean-card::before,
.confirmed-clean-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% -18% -20% -18% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .82 !important;

  background:
    /* wide translucent color stream */
    linear-gradient(108deg,
      transparent 0%,
      transparent 43%,
      rgba(var(--laz-u-rgb), .035) 48%,
      rgba(var(--laz-u-rgb), .18) 54%,
      rgba(var(--laz-u-rgb), .28) 58%,
      rgba(var(--laz-u-rgb), .10) 63%,
      transparent 72%
    ),
    /* second softer stream */
    linear-gradient(112deg,
      transparent 0%,
      transparent 51%,
      rgba(var(--laz-u-rgb), .055) 56%,
      rgba(var(--laz-u-rgb), .20) 63%,
      transparent 76%
    ),
    /* glow focus on right side */
    radial-gradient(ellipse at 84% 56%,
      rgba(var(--laz-u-rgb), .30) 0%,
      rgba(var(--laz-u-rgb), .13) 28%,
      transparent 55%
    ) !important;

  filter: blur(.25px) saturate(1.18) !important;
  mix-blend-mode: screen !important;
  transform: translateX(-20%) translateY(2%) skewX(-8deg) scale(1.04) !important;
  animation: lazRealWaveMove 6.8s ease-in-out infinite alternate !important;
}

/* Thin luminous wave lines */
.confirmed-card.confirmed-clean-card::after,
.confirmed-clean-card::after {
  content: "" !important;
  position: absolute !important;
  inset: -8% -10% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: .70 !important;

  background:
    linear-gradient(108deg,
      transparent 0%,
      transparent 49%,
      rgba(var(--laz-u-rgb), .05) 50%,
      rgba(var(--laz-u-rgb), .52) 51.3%,
      rgba(255,255,255,.18) 52%,
      rgba(var(--laz-u-rgb), .28) 52.8%,
      transparent 57%
    ),
    linear-gradient(113deg,
      transparent 0%,
      transparent 59%,
      rgba(var(--laz-u-rgb), .10) 61%,
      rgba(var(--laz-u-rgb), .34) 62.5%,
      transparent 69%
    ) !important;

  filter: blur(.8px) !important;
  mix-blend-mode: screen !important;
  transform: translateX(-26%) translateY(8%) skewX(-8deg) !important;
  animation: lazRealLineMove 5.5s ease-in-out infinite alternate !important;
}

/* Keep content above the effect */
.confirmed-card.confirmed-clean-card > *,
.confirmed-clean-card > * {
  position: relative !important;
  z-index: 3 !important;
}

/* Match badge/status to same urgency color */
.confirmed-clean-card .urgency-pill,
.confirmed-card.confirmed-clean-card .urgency-pill {
  background: rgba(var(--laz-u-rgb), .14) !important;
  border: 1px solid rgba(var(--laz-u-rgb), .72) !important;
  color: var(--laz-u-main) !important;
  box-shadow:
    inset 0 0 20px rgba(var(--laz-u-rgb), .08),
    0 0 20px rgba(var(--laz-u-rgb), .16) !important;
  text-shadow: 0 0 12px rgba(var(--laz-u-rgb), .22) !important;
}

/* Confirmation message no longer stays green when urgent */
.confirmed-clean-card .confirmed-message,
.confirmed-clean-card .staff-message.confirmed-message,
.confirmed-card.confirmed-clean-card .confirmed-message,
.confirmed-card.confirmed-clean-card .staff-message.confirmed-message {
  background: rgba(3, 16, 27, .42) !important;
  border: 1px solid rgba(var(--laz-u-rgb), .42) !important;
  color: rgba(255,255,255,.94) !important;
  box-shadow:
    inset 0 0 26px rgba(var(--laz-u-rgb), .055),
    0 0 12px rgba(var(--laz-u-rgb), .055) !important;
  backdrop-filter: blur(2px) !important;
}
.confirmed-clean-card .confirmed-message strong,
.confirmed-clean-card .staff-message.confirmed-message strong,
.confirmed-card.confirmed-clean-card .confirmed-message strong,
.confirmed-card.confirmed-clean-card .staff-message.confirmed-message strong {
  color: var(--laz-u-main) !important;
  text-shadow: 0 0 12px rgba(var(--laz-u-rgb), .24) !important;
}

/* More urgent = slightly stronger, still clean */
.confirmed-card.confirmed-clean-card.urgency-red,
.confirmed-clean-card.urgency-red {
  box-shadow:
    inset 0 0 0 1px rgba(239,68,68,.10),
    0 0 28px rgba(239,68,68,.20),
    0 18px 42px rgba(0,0,0,.40) !important;
}
.confirmed-clean-card.urgency-red::before,
.confirmed-card.confirmed-clean-card.urgency-red::before {
  opacity: .92 !important;
  animation-duration: 4.8s !important;
}
.confirmed-clean-card.urgency-red::after,
.confirmed-card.confirmed-clean-card.urgency-red::after {
  opacity: .82 !important;
  animation-duration: 4.1s !important;
}
.confirmed-clean-card.urgency-red .urgency-pill,
.confirmed-card.confirmed-clean-card.urgency-red .urgency-pill {
  animation: lazRealUrgentPulse 1.65s ease-in-out infinite !important;
}

@keyframes lazRealWaveMove {
  0%   { transform: translateX(-26%) translateY(6%) skewX(-8deg) scale(1.02); opacity: .50; }
  100% { transform: translateX(12%) translateY(-5%) skewX(-8deg) scale(1.07); opacity: .88; }
}
@keyframes lazRealLineMove {
  0%   { transform: translateX(-33%) translateY(9%) skewX(-8deg); opacity: .30; }
  100% { transform: translateX(19%) translateY(-4%) skewX(-8deg); opacity: .78; }
}
@keyframes lazRealUrgentPulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 16px rgba(239,68,68,.14) !important; }
  50% { transform: scale(1.035); box-shadow: 0 0 28px rgba(239,68,68,.34) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .confirmed-clean-card::before,
  .confirmed-clean-card::after,
  .confirmed-card.confirmed-clean-card::before,
  .confirmed-card.confirmed-clean-card::after,
  .confirmed-clean-card.urgency-red .urgency-pill {
    animation: none !important;
  }
}

/* =========================================================
   FINAL USER REQUEST: keep the same colors/background style,
   only make the existing urgency background move smoothly.
   No extra square overlays, no rainbow gradients, no color changes.
   ========================================================= */
.confirmed-card.confirmed-clean-card,
.confirmed-clean-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  /* Same dark/color style, but with a larger moving background canvas */
  background:
    linear-gradient(105deg,
      rgba(var(--laz-u-rgb), .04) 0%,
      rgba(7, 18, 32, .88) 22%,
      rgba(7, 18, 32, .94) 44%,
      rgba(var(--laz-u-rgb), .09) 66%,
      rgba(7, 18, 32, .96) 100%
    ),
    radial-gradient(ellipse at 88% 45%, rgba(var(--laz-u-rgb), .22) 0%, rgba(var(--laz-u-rgb), .10) 24%, transparent 48%),
    radial-gradient(ellipse at 58% 78%, rgba(var(--laz-u-rgb), .12) 0%, transparent 44%),
    #071220 !important;

  background-size:
    230% 230%,
    180% 180%,
    165% 165%,
    auto !important;
  background-position:
    0% 50%,
    88% 45%,
    58% 78%,
    center !important;

  animation: lazUrgencyBackgroundMove 7.5s ease-in-out infinite alternate !important;
}

/* Remove the pseudo layers that were causing visible square/box artifacts. */
.confirmed-card.confirmed-clean-card::before,
.confirmed-card.confirmed-clean-card::after,
.confirmed-clean-card::before,
.confirmed-clean-card::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

@keyframes lazUrgencyBackgroundMove {
  0% {
    background-position:
      0% 50%,
      88% 45%,
      58% 78%,
      center;
  }
  50% {
    background-position:
      48% 46%,
      74% 42%,
      48% 72%,
      center;
  }
  100% {
    background-position:
      100% 50%,
      62% 46%,
      38% 70%,
      center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .confirmed-card.confirmed-clean-card,
  .confirmed-clean-card {
    animation: none !important;
  }
}

/* STABLE URGENCY COLORS ONLY - no movement, no wave, no square overlays */
.confirmed-card.confirmed-clean-card,
.confirmed-clean-card {
  --urgency-rgb: 34,197,94;
  --urgency-text: #86efac;
  --urgency-line: rgba(34,197,94,.58);
  --urgency-soft: rgba(34,197,94,.18);
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(var(--urgency-rgb), .20) 0%, rgba(18, 46, 62, .42) 32%, rgba(10, 22, 38, .96) 100%) !important;
  border: 1px solid var(--urgency-line) !important;
  box-shadow:
    0 0 0 1px rgba(var(--urgency-rgb), .08),
    0 14px 34px rgba(0,0,0,.28) !important;
  animation: none !important;
}

.confirmed-card.confirmed-clean-card::before,
.confirmed-card.confirmed-clean-card::after,
.confirmed-clean-card::before,
.confirmed-clean-card::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  background: none !important;
}

.confirmed-clean-card.urgency-green {
  --urgency-rgb: 34,197,94;
  --urgency-text: #86efac;
  --urgency-line: rgba(34,197,94,.62);
  --urgency-soft: rgba(34,197,94,.18);
}
.confirmed-clean-card.urgency-blue {
  --urgency-rgb: 59,130,246;
  --urgency-text: #93c5fd;
  --urgency-line: rgba(59,130,246,.66);
  --urgency-soft: rgba(59,130,246,.18);
}
.confirmed-clean-card.urgency-yellow {
  --urgency-rgb: 245,158,11;
  --urgency-text: #fcd34d;
  --urgency-line: rgba(245,158,11,.72);
  --urgency-soft: rgba(245,158,11,.20);
}
.confirmed-clean-card.urgency-red {
  --urgency-rgb: 239,68,68;
  --urgency-text: #fca5a5;
  --urgency-line: rgba(239,68,68,.76);
  --urgency-soft: rgba(239,68,68,.22);
}

.urgency-pill.urgency-green,
.urgency-pill.urgency-blue,
.urgency-pill.urgency-yellow,
.urgency-pill.urgency-red {
  background: rgba(var(--urgency-rgb), .15) !important;
  border: 1px solid rgba(var(--urgency-rgb), .58) !important;
  color: var(--urgency-text) !important;
  box-shadow: none !important;
  animation: none !important;
}

.confirmed-clean-card .confirmed-message,
.confirmed-clean-card .staff-message.confirmed-message {
  background: rgba(var(--urgency-rgb), .12) !important;
  border: 1px solid rgba(var(--urgency-rgb), .50) !important;
  color: rgba(255,255,255,.92) !important;
}
.confirmed-clean-card .confirmed-message strong,
.confirmed-clean-card .staff-message.confirmed-message strong {
  color: var(--urgency-text) !important;
}