body{font-family:Arial,Helvetica,sans-serif;background:#f6f6f6;color:#222;}
.container{max-width:1000px;margin:20px auto;background:#fff;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
/* site.css - login styles for billing theme */
.login-card { max-width: 980px; width: 100%; border: none; }
.logo-img { max-width: 120px; height: auto; }

/* Left panel background (primary) */
.bg-primary { background: linear-gradient(135deg,#0b6efd 0%, #0a58ca 100%); }

/* Responsive tweaks */
@media (max-width: 767px) {
  .login-card .col-md-5 { display: none !important; }
  .login-card { margin: 20px; }
}

/* subtle input focus */
.form-control:focus { box-shadow: 0 0 0 .15rem rgba(13,110,253,.15); border-color: #0b6efd; }

/* small shadow for card */
.card.shadow-sm { box-shadow: 0 6px 20px rgba(16,24,40,0.08) !important; }

/* small, subtle text */
.small { font-size: 0.9rem; }
/* site.css - login styles for billing theme */
.login-card { max-width: 980px; width: 100%; border: none; }
.logo-img { max-width: 140px; height: auto; }
.logo-img-mobile { max-width: 110px; height: auto; }

/* Left panel background (primary) */
.bg-primary { background: linear-gradient(135deg,#0b6efd 0%, #0a58ca 100%); }

/* Responsive tweaks */
@media (max-width: 767px) {
  .login-card .col-md-5 { display: none !important; }
  .login-card { margin: 20px; }
}

/* subtle input focus */
.form-control:focus { box-shadow: 0 0 0 .15rem rgba(13,110,253,.15); border-color: #0b6efd; }

/* small shadow for card */
.card.shadow-sm { box-shadow: 0 6px 20px rgba(16,24,40,0.08) !important; }

/* small, subtle text */
.small { font-size: 0.9rem; }

/* center mobile logo nicely */
.text-center .logo-img-mobile { display: inline-block; }

/* Dashboard extras */
.summary-card { border: none; box-shadow: 0 6px 20px rgba(16,24,40,0.04); }
.summary-icon { width:48px; height:48px; font-size:20px; }
.quick-action { border: none; color: inherit; }
.quick-action .card-body { display:flex; align-items:center; gap:12px; }
.action-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; }

/* small tweaks for table */
.table td, .table th { vertical-align: middle; }
/* Invoice page extras */
.table thead th { vertical-align: middle; }
.suggestions { position: absolute; width: 100%; z-index: 9999; }
.suggestions .list-group { border: 1px solid #ddd; background: #fff; }
.card .btn { min-width: 110px; }
