/* ASN CRM — responsive, mobile-first, blue primary (#2563eb). No external fonts or frameworks. */
:root{--asn-blue:#2563eb;--asn-blue-dark:#1d4ed8;--asn-blue-light:#dbeafe;--asn-ink:#0f172a;--asn-muted:#64748b;--asn-bg:#f1f5f9;--asn-card:#ffffff;--asn-border:#e2e8f0;--asn-red:#dc2626;--asn-amber:#b45309;--asn-green:#15803d}
.asn-wrap{max-width:1080px;margin:0 auto;padding:12px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--asn-ink);box-sizing:border-box}
.asn-wrap *{box-sizing:border-box}
.asn-card{background:var(--asn-card);border:1px solid var(--asn-border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.asn-narrow{max-width:480px;margin:24px auto}
.asn-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.asn-topbar h2{margin:0 0 4px;font-size:24px}
.asn-muted{color:var(--asn-muted);font-size:14px;line-height:1.5}
.asn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.asn-stat span{display:block;color:var(--asn-muted);font-size:13px;margin-bottom:6px}
.asn-stat strong{font-size:22px}
.asn-profit strong{color:var(--asn-green)}
.asn-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}
.asn-tabs a{white-space:nowrap;padding:10px 14px;border-radius:999px;border:1px solid var(--asn-border);background:#fff;color:var(--asn-ink);text-decoration:none;font-size:14px}
.asn-tabs a.active{background:var(--asn-blue);border-color:var(--asn-blue);color:#fff}
.asn-form label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}
.asn-form input,.asn-form select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--asn-border);border-radius:10px;font-size:15px;background:#fff}
.asn-form input:focus,.asn-form select:focus{outline:2px solid var(--asn-blue-light);border-color:var(--asn-blue)}
.asn-inline-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:end}
.asn-btn{display:inline-block;background:var(--asn-blue);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
.asn-btn:hover{background:var(--asn-blue-dark)}
.asn-btn-outline{background:#fff;color:var(--asn-blue);border:1px solid var(--asn-blue)}
.asn-link-btn{background:none;border:0;color:var(--asn-red);cursor:pointer;padding:0;font-size:14px;text-decoration:underline}
.asn-delete-form{display:inline}
.asn-table-wrap{overflow-x:auto}
.asn-table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}
.asn-table th,.asn-table td{padding:10px 12px;border-bottom:1px solid var(--asn-border);text-align:left}
.asn-table th{background:#f8fafc}
.asn-alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px}
.asn-alert-info{background:var(--asn-blue-light);color:#1e3a8a}
.asn-alert-success{background:#dcfce7;color:#14532d}
.asn-alert-warning{background:#fef3c7;color:var(--asn-amber)}
.asn-alert-error{background:#fee2e2;color:#991b1b}
.asn-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}
.asn-badge-locked{background:#e2e8f0;color:#475569}
@media (max-width:720px){
  .asn-grid{grid-template-columns:1fr}
  .asn-inline-form{grid-template-columns:1fr}
  .asn-card{padding:16px}
  .asn-topbar h2{font-size:20px}
  .asn-stat strong{font-size:20px}
  .asn-btn{width:100%;text-align:center}
  .asn-topbar .asn-btn{width:auto}
}