@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0f172a;--blue:#1d4ed8;--green:#15803d;--orange:#c2410c;--bg:#f4f6f9;--border:#e5e7eb;--muted:#667085;--text:#111827}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text)}
.topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020}
.brand{font-weight:800;font-size:22px;letter-spacing:.04em;color:var(--text)}.subtitle{font-size:12px;color:var(--muted);margin-top:2px}
.app-content{padding:28px;max-width:1600px}
.home-hero{text-align:center;padding:42px 0 30px}.home-hero h1{font-size:30px;font-weight:800}.home-hero p{color:var(--muted)}
.main-actions{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.main-card{color:inherit;text-decoration:none;border:1px solid var(--border);background:#fff;border-radius:18px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 25px rgba(15,23,42,.04);transition:.2s;min-height:140px}
.main-card:hover{color:inherit;transform:translateY(-4px);box-shadow:0 15px 35px rgba(15,23,42,.09)}
.main-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:24px;flex:0 0 56px}.in-card .main-icon{background:#ecfdf5;color:#047857}.out-card .main-icon{background:#eff6ff;color:#1d4ed8}.reports-card .main-icon{background:#fff7ed;color:#c2410c}
.main-card strong{display:block;font-size:20px}.main-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.main-arrow{margin-left:auto;color:#94a3b8}
.screen-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.screen-head h2{font-size:24px;font-weight:800;margin:3px 0}.screen-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#1d4ed8}.searchbox{max-width:400px}
.panel,.summary-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.035)}.panel{padding:20px}
.summary-card{padding:18px;height:100%}.summary-card span{display:block;color:var(--muted);font-size:11px}.summary-card>strong{display:block;font-size:22px;margin-top:4px}.summary-card.success>strong{color:#15803d}.summary-card.warning>strong{color:#c2410c}
.data-table{margin:0}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:800;border-bottom-width:1px;white-space:nowrap}.data-table td{font-size:13px;border-bottom-color:#eef2f7;vertical-align:middle}.data-table tbody tr:hover{background:#fafcff}
.dist-name{font-weight:700}.city{color:var(--muted);font-size:12px}.due{color:#c2410c;font-weight:700}.received{color:#15803d;font-weight:700}
.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.section-head h3{font-size:16px;font-weight:800;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:3px 0 0}
.order-modal-head{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}.modal-kicker{font-size:10px;font-weight:800;letter-spacing:.1em;color:#64748b}.gatepass-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:9px 14px;min-width:140px}.gatepass-box span{display:block;font-size:9px;text-transform:uppercase;color:#64748b}.gatepass-box strong{font-size:17px;color:#1d4ed8}
.order-entry-wrap{overflow-x:auto;padding-bottom:5px}.order-entry-row{display:grid;grid-template-columns:150px 150px 100px 120px 130px 120px 100px 100px 100px 140px;gap:10px;min-width:1240px;align-items:end}.field label{display:block;font-size:10px;font-weight:700;color:#475569;margin-bottom:6px}.field-amount input{font-weight:800;color:#1d4ed8;background:#f8fbff}
.form-note{font-size:11px;color:#64748b;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.balance-preview{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px}.balance-preview div{display:flex;justify-content:space-between;padding:6px 0}.balance-preview span{font-size:12px;color:var(--muted)}
.report-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.report-mini-grid small{display:block;color:var(--muted);font-size:10px}.report-mini-grid strong{font-size:13px}
.form-control,.form-select,.input-group-text{min-height:42px;border-color:var(--border)}.modal-content{border:0;border-radius:18px;overflow:hidden}.btn-primary{background:var(--blue);border-color:var(--blue)}.empty{text-align:center;padding:30px;color:var(--muted)}
@media(max-width:900px){.main-actions{grid-template-columns:1fr}.screen-head{align-items:stretch;flex-direction:column}.searchbox{max-width:none}}
@media(max-width:600px){.topbar{height:72px;padding:12px 16px}.app-content{padding:16px}.home-hero{padding:24px 0}.main-card{min-height:110px}.order-modal-head{grid-template-columns:1fr auto}.gatepass-box{grid-row:2;grid-column:1/2}}

/* Formula-aware order entry */
.formula-inactive {
    opacity: .48;
}
.formula-inactive input {
    background: #f3f4f6 !important;
}
.calculated-field input {
    background: #f8fafc;
    font-weight: 700;
}
.field-amount input {
    color: #1d4ed8;
}