/**
 * @file compact.css
 * @description Global compact spacing overrides for the Disqua console.
 *   Tightens padding, margins, gaps, and heading sizes for a denser UI.
 */

:root { font-size: 15px; }
.px-4 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-6 { padding-left: 1rem; padding-right: 1rem; }
.py-4 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-3 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-6 { padding-top: 1rem; padding-bottom: 1rem; }
.gap-3 { gap: 0.5rem; }
.gap-4 { gap: 0.625rem; }
.mb-4 { margin-bottom: 0.75rem; }
.mb-6 { margin-bottom: 1rem; }
.mb-8 { margin-bottom: 1.25rem; }
.space-y-3 > * + * { margin-top: 0.5rem; }
.space-y-4 > * + * { margin-top: 0.625rem; }
.message-item { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.text-lg { font-size: 1rem; line-height: 1.4; }
.text-xl { font-size: 1.125rem; line-height: 1.35; }
.text-2xl { font-size: 1.25rem; line-height: 1.3; }

/* Disable focus ring (blue outline) on all interactive elements globally */
*:focus { outline: none !important; box-shadow: none !important; }
*:focus-visible { outline: none !important; box-shadow: none !important; }