@import url('/static/css/index.css');

.image-strip { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.65rem; }
.image-strip a { display: inline-block; border: 1px solid rgba(215,180,122,0.35); border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.04); }
.image-strip img { width: 120px; height: 84px; object-fit: cover; display: block; }
.card-images img { width: 100%; max-width: 240px; height: 140px; }


.website-options { margin-top: 1rem; padding: 1rem; border: 1px solid rgba(215,180,122,0.25); border-radius: 14px; background: rgba(255,255,255,0.035); }
.website-options select { width: 100%; padding: 0.8rem; border-radius: 10px; border: 1px solid rgba(215,180,122,0.35); background: rgba(16, 16, 24, 0.95); color: inherit; }
.website-image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.website-image-card { border: 1px solid rgba(215,180,122,0.28); border-radius: 16px; overflow: hidden; background: rgba(255,255,255,0.04); min-width: 0; }
.website-image-card > a { display: block; background: rgba(0,0,0,0.18); }
.website-image-card img { width: 100%; height: 180px; object-fit: contain; display: block; }
.image-card-body { padding: 0.85rem; }
.image-card-body strong { display: block; overflow-wrap: anywhere; }
.image-card-body .evidence-list { max-height: 7.5rem; overflow: auto; }
.source-cell code, .pivot-card code, .evidence-list li { overflow-wrap: anywhere; word-break: break-word; }

.website-entity-report { margin-top: 1rem; }
.entity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.entity-card { border: 1px solid rgba(215,180,122,0.25); border-radius: 16px; background: rgba(255,255,255,0.035); padding: 1rem; min-width: 0; }
.entity-card.wide-card { grid-column: 1 / -1; }
.entity-card-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem; }
.entity-card h3 { margin: 0 0 0.6rem; }
.entity-card-header h3 { margin: 0; }
.entity-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; max-height: 28rem; overflow: auto; }
.entity-list li { border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 0.65rem; background: rgba(0,0,0,0.13); }
.entity-list code { white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
.two-column-list { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
@media (max-width: 700px) { .two-column-list { grid-template-columns: 1fr; } }

.subtle-card { background: rgba(255,255,255,0.035); border-style: dashed; }
.subtle-card details { margin-top: .6rem; }
.subtle-card summary { cursor: pointer; font-weight: 700; }

.case-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:1rem; }
.compact-case-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.case-card { border:1px solid rgba(215,180,122,.25); border-radius:16px; background:rgba(255,255,255,.035); padding:1rem; }
.case-card h3 { margin-top:.25rem; }
.button-row { display:flex; gap:.65rem; flex-wrap:wrap; align-items:center; margin-top:1rem; }
.form-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:1rem; }
.panel textarea, .panel select, .inline-evidence-form textarea, .inline-evidence-form select, .inline-evidence-form input, .search-row select { width:100%; padding:.8rem; border-radius:10px; border:1px solid rgba(215,180,122,.35); background:rgba(16,16,24,.95); color:inherit; }
.case-pre { white-space:pre-wrap; overflow-wrap:anywhere; background:rgba(0,0,0,.16); padding:.75rem; border-radius:10px; }
.inline-evidence-form { display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:.75rem; align-items:start; margin:1rem 0; }
.inline-evidence-form textarea { grid-column: 1 / -1; }
.timeline-list { list-style:none; padding:0; display:grid; gap:.55rem; }
.timeline-list li { border-left:3px solid rgba(215,180,122,.75); padding:.6rem .85rem; background:rgba(255,255,255,.035); border-radius:10px; }
.pro-panel { border:1px dashed rgba(215,180,122,.45); }
.compact-pivots { display:flex; flex-wrap:wrap; gap:.5rem; }
.add-to-case-form { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.65rem; align-items:center; }
.add-to-case-form select { max-width:260px; padding:.45rem; border-radius:8px; border:1px solid rgba(215,180,122,.35); background:rgba(16,16,24,.95); color:inherit; }
.export-shell table { width:100%; border-collapse:collapse; }
.export-shell th, .export-shell td { border:1px solid rgba(0,0,0,.2); padding:.5rem; vertical-align:top; }
@media print { .topbar, footer, .flash-stack, .button-row, .ghost-button, .primary-button, form { display:none !important; } .results-panel, .panel, .hero { box-shadow:none !important; break-inside:avoid; } body { background:#fff !important; color:#111 !important; } }
@media print {
  .website-image-grid { display:grid !important; grid-template-columns: repeat(3, 1fr) !important; gap:.35rem !important; }
  .website-image-card { break-inside: avoid; page-break-inside: avoid; border:1px solid #ccc !important; }
  .website-image-card img { height:1.45in !important; max-height:1.45in !important; width:100% !important; object-fit:contain !important; }
  .image-card-body { padding:.3rem !important; font-size:8pt !important; }
  .image-card-body .evidence-list { max-height:none !important; }
}
.link-button { background:none; border:none; color:#5fd4ff; padding:0; cursor:pointer; text-decoration:underline; font:inherit; }
.secondary-button.danger { border-color:#ff7b7b; color:#ffd0d0; }

.nav-logout-form { display:inline-flex; margin:0; padding:0; }
.nav-link-button { background:none; border:none; box-shadow:none; color:var(--muted); padding:0; cursor:pointer; font:inherit; font-weight:700; font-size:.94rem; }
.nav-link-button:hover { color:var(--accent); text-decoration:underline; }
.subject-thumb { width: 100%; max-height: 220px; object-fit: cover; border-radius: 12px; border: 1px solid rgba(215,180,122,.25); margin-bottom: .75rem; }
.subject-card form { display: inline-block; margin: .15rem; }
.case-hero .button-row form { display:inline-block; }
.inline-evidence-form input[type="file"] { padding:.62rem; }
.table-wrap td { vertical-align: top; }

/* v0.8.1 interaction fixes */
.topbar { position: relative; z-index: 1000; }
.hero:after { pointer-events: none; z-index: 0; }
.hero > * { position: relative; z-index: 1; }
.navlinks a, .nav-link-button, .brand { position: relative; z-index: 1001; }
.disabled-control, .disabled-control * { opacity: .65; cursor: not-allowed !important; }
.disabled-control input, .disabled-control button, .disabled-control select, .disabled-control textarea { pointer-events: none; }
.report-option-row { display:flex; gap:.45rem; align-items:center; color:var(--muted); font-weight:700; }
.report-option-row input { width:auto !important; accent-color:var(--accent); }

/* v0.8.2 case/team UX cleanup */
.workflow-drawer { border: 1px solid rgba(215,180,122,.22); border-radius: 14px; padding: .85rem; background: rgba(255,255,255,.025); margin: .85rem 0; }
.workflow-drawer summary { cursor: pointer; font-weight: 800; color: var(--accent); }
.case-clean-form { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.compact-form { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.file-picker { display: grid; gap: .35rem; padding: .75rem; border: 1px dashed rgba(215,180,122,.4); border-radius: 12px; background: rgba(0,0,0,.12); color: var(--muted); font-weight: 700; }
.file-picker input { border: 0 !important; background: transparent !important; padding: .2rem 0 !important; }
.case-type-hint { margin: .5rem 0 1rem; padding: .75rem; border-radius: 12px; background: rgba(95,212,255,.07); border: 1px solid rgba(95,212,255,.18); color: var(--muted); }
.team-preview-panel { border-style: dashed; }
.case-card .small-button, .table-wrap .small-button { padding: .5rem .7rem; }


/* v0.8.3 access/search foundation */
.search-assist-panel { margin: .85rem 0 1rem; padding: .85rem; border: 1px solid rgba(95,212,255,.18); border-radius: 14px; background: rgba(95,212,255,.055); }
.search-assist-panel strong { display:block; margin-bottom:.25rem; }
.assist-chip-row { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.5rem; }
.price-card button[disabled] { opacity:.7; cursor:not-allowed; }

/* v0.8.6.2 stability/workflow polish */
.button-loading { opacity:.72; cursor:progress; }
.topbar, .navlinks, .navlinks a, .nav-link-button { pointer-events:auto !important; }
.seat-estimator .seat-total-note { align-self:center; padding:.7rem .85rem; border:1px solid rgba(215,180,122,.22); border-radius:10px; background:rgba(255,255,255,.03); }
.table-wrap { overflow-x:auto; }
.table-wrap table, .export-shell table, .evidence-table { table-layout: fixed; width:100%; }
.table-wrap th, .table-wrap td, .export-shell th, .export-shell td, .evidence-table th, .evidence-table td { overflow-wrap:anywhere; word-break:break-word; min-width:0; }
.compact-table th, .compact-table td { font-size:.9rem; padding:.5rem; }
.bundle-report-card .add-to-case-form { align-items:start; }
@media print { .export-shell table, .evidence-table { table-layout:fixed !important; width:100% !important; } .export-shell th, .export-shell td { overflow-wrap:anywhere !important; word-break:break-word !important; font-size:8pt !important; } }

/* v0.8.6.3 launch stability: never let loaders or long values block the UI. */
.button-loading { opacity:.72; cursor:progress; pointer-events:auto; }
.loading-overlay, .page-loading, .busy-overlay { pointer-events:none !important; }
.topbar, .navlinks, .navlinks a, .nav-link-button { position:relative; z-index:1000; }
.table-wrap { overflow-x:auto; max-width:100%; }
table { table-layout: fixed; width:100%; }
th, td { overflow-wrap:anywhere; word-break:break-word; white-space:normal; vertical-align:top; }
.long-token, .url-cell, .source-cell, .report-id, .evidence-source { overflow-wrap:anywhere; word-break:break-all; white-space:normal; }
.report-table td:first-child, .report-table th:first-child, .case-export-table td:first-child, .case-export-table th:first-child { max-width: 18rem; }
@media print { table { table-layout:fixed; width:100%; } th,td { overflow-wrap:anywhere; word-break:break-word; font-size:9pt; } }

/* v0.8.6.5 admin support + overflow hardening */
.admin-search-form { margin:.75rem 0 1rem; gap:.6rem; flex-wrap:wrap; }
.admin-action-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .9rem; }
.stacked-form { display:flex; flex-direction:column; gap:.55rem; padding:.85rem; border:1px solid rgba(215,180,122,.22); border-radius:14px; background:rgba(255,255,255,.03); }
.stacked-form input, .admin-form-grid input, .admin-form-grid select { min-width:0; }
.table-wrap table { min-width: 760px; }
.results-panel .table-wrap td:first-child, .results-panel .table-wrap th:first-child { overflow-wrap:anywhere; word-break:break-word; }
.case-export-table td, .case-export-table th, .report-table td, .report-table th, .evidence-table td, .evidence-table th { max-width: 0; overflow-wrap:anywhere !important; word-break:break-word !important; }
.danger { border-color: rgba(255, 105, 105, .55) !important; color: #ffd1d1 !important; }
@media print { .case-export-table td, .case-export-table th, .report-table td, .report-table th { font-size:8pt !important; line-height:1.15 !important; } }

.break-anywhere, .long-token, .url-cell, .source-cell { overflow-wrap:anywhere; word-break:break-word; white-space:normal; }
.table-wrap table { table-layout: fixed; width: 100%; }
.table-wrap th, .table-wrap td { overflow-wrap:anywhere; word-break:break-word; vertical-align:top; }
.admin-action-grid .stacked-form { min-width:0; }
.admin-action-grid .stacked-form input, .admin-action-grid .stacked-form select, .admin-action-grid .stacked-form button { width:100%; max-width:100%; box-sizing:border-box; }
.admin-form-grid { align-items:end; }
.admin-form-grid .check-row { align-self:center; font-size:.9rem; opacity:.9; }
.inline-form input { max-width:100%; }


/* v0.8.6.6 docs/support/nav polish */
.admin-nav-link { color:#ffd28a !important; }
.site-footer { display:grid; gap:.85rem; padding:2rem clamp(1rem,4vw,3rem); border-top:1px solid rgba(215,180,122,.18); background:rgba(0,0,0,.18); color:var(--muted); }
.footer-brand { display:flex; flex-wrap:wrap; gap:.65rem; align-items:baseline; }
.footer-brand strong { color:var(--text); font-size:1.1rem; }
.footer-links { display:flex; flex-wrap:wrap; gap:.85rem 1.2rem; }
.footer-links a, .site-footer a { color:var(--muted); font-weight:800; }
.footer-links a:hover, .site-footer a:hover { color:var(--accent); }
.footer-copy { font-size:.92rem; }
.doc-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; }
.doc-card { display:block; min-height:120px; padding:1rem; border:1px solid rgba(215,180,122,.22); border-radius:18px; background:rgba(255,255,255,.035); text-decoration:none; color:var(--text); box-shadow:0 18px 50px rgba(0,0,0,.16); }
.doc-card strong { display:block; font-size:1.1rem; margin-bottom:.45rem; }
.doc-card span { color:var(--muted); line-height:1.45; }
.doc-card:hover { border-color:rgba(255,176,74,.55); transform:translateY(-1px); }
.docs-shell .doc-article, .doc-article { display:grid; gap:1rem; }
.guide-section { padding:1rem; border:1px solid rgba(215,180,122,.18); border-radius:16px; background:rgba(255,255,255,.025); }
.guide-section h2 { margin-top:0; }
.onboarding-card { margin-top:1.2rem; padding:1rem; border:1px solid rgba(95,212,255,.2); border-radius:18px; background:rgba(95,212,255,.055); }
.checklist-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.75rem; }
.check-item { display:flex; gap:.65rem; align-items:center; padding:.75rem; border:1px solid rgba(215,180,122,.18); border-radius:14px; background:rgba(0,0,0,.12); }
.check-item span { display:inline-grid; place-items:center; width:1.7rem; height:1.7rem; border-radius:999px; background:rgba(255,176,74,.18); color:var(--text); font-weight:900; flex:0 0 auto; }
.check-item.done span { background:rgba(91,221,159,.22); }
.check-item p { margin:0; color:var(--muted); font-weight:800; }
.empty-state { display:grid; gap:.5rem; padding:1.25rem; border:1px dashed rgba(215,180,122,.35); border-radius:18px; background:rgba(255,255,255,.025); text-align:left; }
.empty-state h3 { margin:0; }
.empty-state p { margin:.15rem 0 .65rem; color:var(--muted); }
@media (max-width: 900px) { .topbar { align-items:flex-start; } .navlinks { gap:.65rem; } .credit-badge { font-size:.8rem; } }

/* v0.8.6.6.1 docs/onboarding action link polish */
.check-item a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.check-item a:hover { color: var(--accent); }
.guide-section .small-button { margin-top: .35rem; display: inline-flex; }

/* v0.8.6.7 lookup billing/account polish */
.billing-non_billable, .billing-non-billable { border-color: rgba(91,221,159,.32); background: rgba(91,221,159,.075); }
.analyst-confidence-card { border-color: rgba(95,212,255,.25); background: linear-gradient(135deg, rgba(95,212,255,.065), rgba(255,255,255,.025)); }
.billing-sync-card { margin:.9rem 0; padding: .85rem 1rem; border:1px solid rgba(215,180,122,.22); border-radius:16px; background:rgba(255,255,255,.035); display:grid; gap:.25rem; }
.billing-sync-card strong { color: var(--text); }
.billing-sync-card.status-in-sync { border-color: rgba(91,221,159,.35); background: rgba(91,221,159,.055); }
.billing-sync-card.status-mismatch, .billing-sync-card.status-check-failed { border-color: rgba(255,105,105,.45); background: rgba(255,105,105,.055); }
.account-overview-panel .insight-card strong.long-token { font-size: clamp(1rem, 2.2vw, 1.45rem); }
.account-password-panel { max-width: 820px; margin-inline:auto; }
.polished-form input, input[type="file"], select, textarea { border-radius: 12px; border: 1px solid rgba(215,180,122,.32); background: rgba(255,255,255,.08); color: var(--text); padding:.72rem .8rem; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
input[type="file"]::file-selector-button { border:0; border-radius:999px; padding:.55rem .85rem; margin-right:.75rem; font-weight:900; cursor:pointer; background:linear-gradient(135deg, #ffb04a, #ec5f67); color:#1b0f1d; }
button.small-button, .small-button, .ghost-button, .secondary-button, .primary-button, button { border-radius: 999px; font-weight: 900; }
.inline-evidence-form.compact-form, .add-to-case-form { border-radius:16px; }

/* v0.8.6.8 name discovery and support recovery polish */
.name-discovery-callout { margin:0 0 1rem; padding:1rem; border:1px solid rgba(95,212,255,.28); border-radius:20px; background:linear-gradient(135deg, rgba(95,212,255,.075), rgba(255,255,255,.025)); display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.form-grid.two-col { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.platform-checkbox-grid, .candidate-chip-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.7rem; margin:.75rem 0 1rem; }
.platform-check, .candidate-chip { display:flex; align-items:center; gap:.55rem; padding:.75rem .85rem; border:1px solid rgba(215,180,122,.22); border-radius:16px; background:rgba(255,255,255,.04); font-weight:900; cursor:pointer; }
.platform-check:hover, .candidate-chip:hover { border-color:rgba(255,176,74,.5); background:rgba(255,176,74,.07); }
.provider-card { padding:.85rem 1rem; border-radius:16px; border:1px solid rgba(215,180,122,.2); background:rgba(0,0,0,.12); margin:1rem 0; }
.lead-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin:1rem 0; }
.lead-card { border:1px solid rgba(215,180,122,.22); border-radius:20px; overflow:hidden; background:rgba(255,255,255,.04); box-shadow:0 18px 45px rgba(0,0,0,.18); position:relative; }
.lead-card img, .lead-placeholder { width:100%; height:160px; object-fit:cover; display:grid; place-items:center; background:linear-gradient(135deg, rgba(95,212,255,.14), rgba(255,176,74,.10)); font-size:1.35rem; font-weight:1000; color:var(--text); }
.lead-card-body { padding:1rem; display:grid; gap:.45rem; }
.lead-card h3 { margin:.2rem 0; font-size:1.05rem; overflow-wrap:anywhere; }
.lead-select { position:absolute; top:.7rem; left:.7rem; z-index:2; display:flex; gap:.45rem; align-items:center; padding:.4rem .65rem; border-radius:999px; background:rgba(10,10,16,.82); border:1px solid rgba(255,255,255,.16); font-size:.85rem; font-weight:900; }
.compact-form input { min-width:160px; }
@media (max-width: 720px) { .name-discovery-callout { flex-direction:column; align-items:flex-start; } }

/* v0.8.6.9 beta hardening */
.beta-banner {
  width: min(1120px, calc(100% - 32px));
  margin: 14px auto 0;
  padding: 10px 14px;
  border: 1px solid rgba(245, 158, 11, .35);
  background: rgba(245, 158, 11, .10);
  border-radius: 14px;
  color: var(--text, #172033);
  font-size: .95rem;
}
.beta-banner a { font-weight: 700; }
.error-hero { text-align: left; }
.admin-nav-link { font-weight: 700; }
.pill.success { background: rgba(34,197,94,.12); color: #166534; }
.pill.warning { background: rgba(245,158,11,.14); color: #92400e; }
.narrow-shell { max-width: 880px; }

/* v0.8.6.9.2 beta UX/auth hardening */
.button-loading,
button[disabled].button-loading,
input[type="submit"][disabled].button-loading {
  opacity: 0.72;
  cursor: wait;
}
.code-block {
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: anywhere;
  padding: 0.9rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: rgba(15, 23, 42, 0.32);
}
.help-steps {
  padding-left: 1.25rem;
  color: var(--muted, #9ca3af);
}

/* v8.7 beta access + session stability + MFA polish */
html, body { min-height: 100%; }
body.ui-busy { cursor: progress; }
button.button-loading, input[type="submit"].button-loading { position: relative; }
button.button-loading::after {
  content: "";
  width: .9em;
  height: .9em;
  margin-left: .55rem;
  border-radius: 999px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  display: inline-block;
  vertical-align: -0.12em;
  animation: shomee-spin .75s linear infinite;
}
@keyframes shomee-spin { to { transform: rotate(360deg); } }
button[disabled]:not(.button-loading), .primary-button[disabled], .secondary-button[disabled] { opacity: .55; cursor: not-allowed; }
.auth-card, .beta-access-card {
  max-width: 760px;
  margin-inline: auto;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border: 1px solid rgba(215,180,122,.28);
  box-shadow: 0 24px 80px rgba(0,0,0,.24);
}
.auth-card input, .beta-access-card input {
  width: 100%;
  font-size: 1rem;
  letter-spacing: .03em;
}
.mfa-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr); gap: 1rem; align-items: start; }
.mfa-secret-card, .mfa-help-card, .beta-code-form {
  padding: 1rem;
  border-radius: 18px;
  border: 1px solid rgba(95,212,255,.18);
  background: rgba(95,212,255,.055);
}
.mfa-code-input, input[name="code"] {
  font-size: 1.35rem !important;
  text-align: center;
  font-weight: 900;
  letter-spacing: .35rem !important;
  font-variant-numeric: tabular-nums;
}
.code-block.secret-block {
  font-size: 1rem;
  letter-spacing: .05em;
  user-select: all;
}
.beta-access-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.beta-access-panel.compact-callout { margin: 1rem 0; }
.beta-access-hero { border-color: rgba(95,212,255,.22); }
.notice.warning { border:1px solid rgba(245,158,11,.35); background:rgba(245,158,11,.1); color: var(--text); }
.notice.success { border:1px solid rgba(91,221,159,.35); background:rgba(91,221,159,.1); color: var(--text); }
.copy-row { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.copy-row .code-block { flex:1 1 260px; margin:0; }
@media (max-width: 820px) { .mfa-grid { grid-template-columns: 1fr; } .beta-access-panel { align-items:flex-start; } }

/* v8.7.1 MFA QR + Pro credit-display polish */
.mfa-qr-card {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 20px;
  border: 1px solid rgba(215,180,122,.28);
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(95,212,255,.06));
}
.mfa-qr-frame {
  width: min(260px, 100%);
  margin: 0 auto .75rem;
  padding: .85rem;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}
.mfa-qr-frame img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
}
.credit-badge { white-space: nowrap; }

/* v8.7.2 admin/data deletion and beta UX cleanup */
.danger-zone {
  border-color: rgba(190, 18, 60, 0.35);
}
.danger-pill {
  background: rgba(190, 18, 60, 0.12);
  color: #be123c;
  border-color: rgba(190, 18, 60, 0.25);
}
button.danger,
.danger {
  border-color: rgba(190, 18, 60, 0.45) !important;
}
.search-assist-panel .pill {
  user-select: none;
}