.compliance-strip { width: 100%; margin: 20px 0 0; padding: 14px 18px; border-color: rgba(255, 191, 71, 0.28); }
.compliance-main { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 12px; min-width: 0; }
.compliance-copy-stack { display: grid; gap: 5px; min-width: 0; }
.compliance-strip strong { color: var(--white); white-space: nowrap; font-size: 13px; line-height: 1.35; }
.compliance-strip span { color: var(--muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.compliance-legal-row { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px 12px; color: var(--muted); font-size: 12px; line-height: 1.5; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.compliance-legal-row::-webkit-scrollbar { display: none; }
.compliance-support, .compliance-copyright { max-width: none; }
.compliance-copyright { white-space: nowrap; }
.compliance-support { max-width: none; white-space: nowrap; }
.eyebrow { margin: 0 0 8px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px; }
.btn { -webkit-appearance: none; appearance: none; border: 1px solid var(--border); background: #0f1821; color: var(--text); border-radius: 12px; padding: 12px 14px; font: inherit; cursor: pointer; text-decoration: none; }
.btn:hover { border-color: var(--cyan); }
.btn:disabled, .btn[aria-disabled="true"] { cursor: not-allowed; opacity: 0.62; }
.btn:disabled:hover, .btn[aria-disabled="true"]:hover { border-color: var(--border); }
.btn-primary { background: linear-gradient(135deg, rgba(53, 255, 141, 0.12), rgba(83, 217, 255, 0.14)); border-color: rgba(83, 217, 255, 0.55); }
.btn-ghost { background: transparent; }
.btn-inline { border-color: transparent; color: var(--muted); padding-inline: 10px; }
.btn-inline:hover { border-color: rgba(83, 217, 255, 0.24); color: var(--text); }
.btn.is-hidden { display: none; }
html[data-theme="light"] .compliance-strip strong { color: var(--text); }
html[data-theme="light"] .btn, html[data-theme="light"] .ai-output-field { border-color: rgba(108, 146, 173, 0.22); background: var(--soft-panel); color: var(--text); }
html[data-theme="light"] .compliance-strip strong { color: var(--text); }
.compliance-links { display: inline-flex; align-items: center; gap: 10px; color: var(--muted); font-size: inherit; line-height: inherit; white-space: nowrap; }
.compliance-links a { color: var(--cyan); text-decoration: none; display: inline-flex; align-items: center; }
.compliance-links a + a::before { content: ""; width: 3px; height: 3px; margin-right: 10px; border-radius: 999px; background: currentColor; opacity: 0.55; }
.compliance-links a:hover, .compliance-links a:focus-visible { text-decoration: underline; }

@media (max-width: 760px) {
  .compliance-strip { padding: 12px; }
  .compliance-main { grid-template-columns: 1fr; gap: 4px; }
  .compliance-strip strong { font-size: 12px; }
  .compliance-strip span,
  .compliance-links,
  .compliance-legal-row { font-size: 11px; }
    .compliance-copyright,
  .compliance-support { max-width: none; white-space: nowrap; }
}
