/* ATS Mobi's mobile retail theme, layered over the shipped component styles. */
:root { --background: 220 30% 97%; --foreground: 222 40% 14%; --card: 0 0% 100%; --primary: 221 83% 53%; --primary-foreground: 0 0% 100%; --accent: 217 100% 95%; --accent-foreground: 221 70% 35%; --border: 220 22% 90%; --ring: 221 83% 53%; --radius: 1rem; }
body { font-family: 'Segoe UI', Arial, sans-serif; letter-spacing: -.015em; }
h1,h2,h3 { letter-spacing: -.035em; }
.rounded-lg.border { box-shadow: 0 4px 24px rgb(25 45 80 / 4%); }
button,input,select { min-height: 42px; }
button { transition: background .18s, box-shadow .18s, transform .18s; }
button:active { transform: translateY(1px); }
input:focus-visible { box-shadow: 0 0 0 3px rgb(37 99 235 / 12%); }
thead { background: hsl(var(--muted) / .5); }
th { font-size: .72rem; text-transform: uppercase; letter-spacing: .055em; }
tbody tr:hover { background: hsl(var(--accent) / .4); }
@media(max-width:640px) { h1 { font-size: 1.65rem!important; } input,select,textarea { font-size:16px!important; } .overflow-x-auto { -webkit-overflow-scrolling:touch; } }
@media print { body { background:white; } button { display:none!important; } }