/* Custom Styles - Invoice Online */

body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main { flex: 1; }

.navbar-brand { font-size: 1.25rem; }

.card {
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.06);
}

.card-header {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600;
}

.stat-card {
    border-left: 4px solid;
    transition: transform .15s;
}
.stat-card:hover { transform: translateY(-2px); }
.stat-card.blue   { border-left-color: #0d6efd; }
.stat-card.green  { border-left-color: #198754; }
.stat-card.orange { border-left-color: #fd7e14; }
.stat-card.red    { border-left-color: #dc3545; }

.table thead th { background: #f8f9fa; font-size: .875rem; }

.badge-status {
    padding: .35em .65em;
    font-weight: 500;
    font-size: .75rem;
    text-transform: uppercase;
}

.invoice-items-table input {
    border: 1px solid #ced4da;
}

.login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#0d6efd 0%,#6610f2 100%);
}

.login-card {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.15);
}

/* Print invoice */
@media print {
    .no-print, nav, footer { display: none !important; }
    body { background: #fff !important; }
    .print-area { box-shadow: none !important; border: none !important; }
}

.print-invoice {
    background: #fff;
    padding: 40px;
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid #dee2e6;
}

.print-invoice h1.inv-title {
    color: #0d6efd;
    font-weight: 700;
    letter-spacing: 2px;
}