/* Wye Valley Home Services - Admin styles */
:root {
    --brand: #1b4332;
    --brand-accent: #52b788;
    --brand-soft: #d8f3dc;
}

body { background: #f6f8fa; }

.navbar.bg-dark { background: var(--brand) !important; }
.navbar-brand { font-weight: 600; letter-spacing: 0.3px; }

.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,0.06); border-radius: 10px; }
.card-header { background: white; border-bottom: 1px solid #eef1f4; font-weight: 600; }

.stat-card {
    border-left: 4px solid var(--brand-accent);
}

.btn-primary { background: var(--brand); border-color: var(--brand); }
.btn-primary:hover, .btn-primary:focus { background: #16352a; border-color: #16352a; }

.table > :not(caption) > * > * { padding: 0.65rem 0.75rem; }
.table thead th { font-size: 0.80rem; text-transform: uppercase; letter-spacing: 0.4px; color: #6b7785; border-bottom: 2px solid #e5e9ef; }

.badge-status { font-weight: 500; padding: 0.35em 0.7em; }

.login-wrapper {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--brand) 0%, var(--brand-accent) 100%);
}
.login-box {
    background: white; border-radius: 14px; padding: 2.4rem; width: 100%; max-width: 420px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

.line-items td input, .line-items td select, .line-items td textarea {
    border: 1px solid #d9dee4; width: 100%; padding: 0.35rem 0.5rem; border-radius: 4px;
}
.line-items textarea { resize: vertical; min-height: 38px; }

/* Printable invoice / quote */
@media print {
    .no-print, .navbar, footer, .navbar-toggler { display: none !important; }
    body { background: white; }
    .container-fluid, .container { max-width: 100% !important; }
    .card { box-shadow: none; }
}

.doc-page {
    background: white;
    max-width: 820px;
    margin: 20px auto;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.doc-header { display: flex; justify-content: space-between; margin-bottom: 2rem; }
.doc-header h1 { font-size: 2rem; margin: 0; color: var(--brand); }
.doc-meta { text-align: right; }
.doc-totals { width: 320px; margin-left: auto; }
.doc-totals td { padding: 6px 10px; }
.doc-totals .total-row { font-weight: bold; font-size: 1.15rem; border-top: 2px solid #333; }

.bank-block {
    background: var(--brand-soft);
    border-left: 4px solid var(--brand-accent);
    padding: 1rem 1.2rem;
    border-radius: 4px;
    margin-top: 1.5rem;
}