/* ── EC2 Desktop Manager – custom styles ─────────────────────
   Tailwind handles most styling; this file only covers things
   Tailwind's utility classes can't express cleanly.
   ──────────────────────────────────────────────────────────── */

/* Inter font (matches tailwind config) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Smooth focus ring transition */
input:focus, select:focus, textarea:focus {
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* Ensure monospace elements use a consistent font */
.font-mono, code, pre {
  font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace,
               SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Subtle scrollbar for overflow tables */
.overflow-x-auto::-webkit-scrollbar { height: 4px; }
.overflow-x-auto::-webkit-scrollbar-track { background: transparent; }
.overflow-x-auto::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 2px; }
.overflow-x-auto::-webkit-scrollbar-thumb:hover { background: #cbd5e1; }

/* Modal open — prevent background scroll (set via JS, just in case) */
body.modal-open { overflow: hidden; }