/* Simple styles for AutoEMI */
:root{ --bg:#f8fafc; --card:#ffffff; --accent:#4f46e5; --muted:#6b7280; }
*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;}
body{margin:0;background:var(--bg);color:#0f172a;}
.site-header{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--card);box-shadow:0 1px 2px rgba(2,6,23,0.06);}
.logo{width:48px;height:48px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
.site-header h1{margin:0;font-size:20px;}
.site-header .tag{color:var(--muted);font-size:13px;margin:0;}
.container{max-width:1100px;margin:28px auto;padding:0 18px;display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start;}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 4px 18px rgba(2,6,23,0.04);}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;}
.form-grid label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;}
.form-grid input, .form-grid select, textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6edf3;}
.buttons{display:flex;gap:8px;margin-top:12px;}
.buttons button{padding:10px 12px;border-radius:8px;border:1px solid #e6edf3;background:#fff;cursor:pointer;}
.buttons button#calcBtn{background:var(--accent);color:#fff;border:none;}
.results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;}
.result-item{background:#f8fafc;padding:10px;border-radius:8px;}
.table-wrap{overflow:auto;margin-top:8px;}
table{width:100%;border-collapse:collapse;font-size:13px;}
th,td{padding:10px;border-bottom:1px solid #f1f5f9;text-align:left;}
.small{max-width:260px;}
.site-footer{text-align:center;padding:18px;color:var(--muted);font-size:13px;margin:18px 0;}
@media(max-width:900px){ .container{grid-template-columns:1fr;} .form-grid{grid-template-columns:1fr;} .results{grid-template-columns:1fr;} }