/* Blue accent color for Stromsparen24 brand */
:root {
    --brand: #1976D2;
    --brand-dark: #1565C0;
    --brand-light: #BBDEFB;
}

/* Navbar */
.navbar {
    background-color: var(--brand) !important;
}

.navbar-brand {
    font-weight: bold;
}

/* Cards */
.bg-teal {
    background-color: var(--brand) !important;
    color: white;
}

.btn-teal {
    background-color: var(--brand);
    border-color: var(--brand);
    color: white;
}

.btn-teal:hover {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
    color: white;
}

.badge.bg-teal {
    background-color: var(--brand) !important;
}

/* Table with blue header */
.table-teal {
    background-color: var(--brand);
    color: white;
}

.table-teal th {
    background-color: var(--brand) !important;
    color: white !important;
    border-color: var(--brand);
}

/* Items table in quote form */
#itemsTable .item-row td {
    vertical-align: middle;
}

#itemsTable textarea {
    min-height: 50px;
}

/* Footer */
footer {
    background-color: var(--brand) !important;
}

/* Flash messages */
.alert {
    border-radius: 4px;
}

/* Card styling */
.card {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.card-header {
    border-radius: 6px 6px 0 0 !important;
    font-weight: 600;
}

/* Position numbers */
.pos-number {
    font-weight: bold;
    color: var(--brand);
}

/* Totals row */
.totals-row {
    background-color: var(--brand);
    color: white;
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .btn-group {
        flex-direction: column;
    }
}

/* Make the quote view table match the PDF style */
.quote-view-table th {
    background-color: var(--brand);
    color: white;
}

/* Hover effect for quote list */
.table-hover tbody tr:hover {
    background-color: var(--brand-light);
}