/* Worker UI density and typography baseline for SMS-to.it shell pages. */
:root {
  --sms-text: #0f172a;
  --sms-text-muted: #64748b;
  --sms-border: #e2e8f0;
}

html {
  font-size: 15px;
  line-height: 1.45;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--sms-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea,
label,
th,
td,
p,
span,
a,
li,
div,
h1, h2, h3, h4, h5, h6,
small {
  font-family: inherit;
}

/* Logged-in app pages only: keep one UI font across dashboard modules. */
.app-auth .font-mono {
  font-family: inherit !important;
}

.dark body {
  color: #e2e8f0;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0;
}

.text-4xl {
  font-size: 2rem;
  line-height: 1.15;
}

.text-3xl {
  font-size: 1.6rem;
  line-height: 1.2;
}

.text-2xl {
  font-size: 1.35rem;
  line-height: 1.25;
}

.text-xl {
  font-size: 1.1rem;
  line-height: 1.3;
}

.text-lg {
  font-size: 1rem;
  line-height: 1.35;
}

.text-base {
  font-size: 0.95rem;
}

.text-sm {
  font-size: 0.84rem;
}

.text-xs {
  font-size: 0.76rem;
}

.container {
  max-width: 1120px;
}

.px-6 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-8 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-10 {
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}

.py-12 {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}

.rounded-lg {
  border-radius: 12px;
}

.shadow-xs,
.shadow,
.shadow-md {
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.08);
}

main .bg-white,
main .dark\:bg-gray-800 {
  border-color: var(--sms-border);
}