/* ──────────────────────────────────────────────────────────────────────────
   PowerBid theme — ports the VantagePoint / TimesheetProject look onto
   Bootstrap 5 (steel-blue primary, navy headings, Helvetica Neue).
   ────────────────────────────────────────────────────────────────────────── */

:root {
    --pb-primary: #6693bc;
    --pb-primary-dark: #3d5871;
    --pb-navy: #21345f;
    --pb-success: #60b767;
    --pb-success-dark: #3a6e3e;
    --pb-warning: #ff932c;
    --pb-warning-dark: #99581a;
    --pb-danger: #742534;
    --pb-danger-dark: #64161f;
    --pb-panel-bg: #f5f5f5;

    --bs-primary: #6693bc;
    --bs-primary-rgb: 102, 147, 188;
    --bs-link-color: #3d5871;
    --bs-link-hover-color: #21345f;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--pb-navy);
    font-weight: 500;
}

a {
    color: var(--pb-primary-dark);
}

a:hover {
    color: var(--pb-navy);
}

/* ── Navbar ─────────────────────────────────────────────────────────────── */
.navbar.pb-navbar {
    background-color: var(--pb-primary);
    border-bottom: 3px solid var(--pb-navy);
}

.pb-navbar .navbar-brand {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pb-navbar .navbar-brand img {
    width: 90px;
    border: 4px solid #fff;
    border-radius: 3px;
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn-primary {
    background-color: var(--pb-primary);
    border-color: var(--pb-primary);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--pb-primary-dark);
    border-color: var(--pb-primary-dark);
}

.btn-outline-primary {
    color: var(--pb-primary-dark);
    border-color: var(--pb-primary);
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active {
    background-color: var(--pb-primary);
    border-color: var(--pb-primary);
    color: #fff;
}

.btn-success {
    background-color: var(--pb-success);
    border-color: var(--pb-success);
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: var(--pb-success-dark);
    border-color: var(--pb-success-dark);
}

.btn-warning {
    background-color: var(--pb-warning);
    border-color: var(--pb-warning);
    color: #fff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background-color: var(--pb-warning-dark);
    border-color: var(--pb-warning-dark);
    color: #fff;
}

.btn-danger {
    background-color: var(--pb-danger);
    border-color: var(--pb-danger);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: var(--pb-danger-dark);
    border-color: var(--pb-danger-dark);
}

/* ── Cards & modals ─────────────────────────────────────────────────────── */
.card-header {
    background-color: #eef2f7;
    border-bottom: 1px solid #d7e0ea;
    color: var(--pb-navy);
}

.card-header strong {
    color: var(--pb-navy);
}

.modal-header {
    background-color: var(--pb-primary);
    color: #fff;
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}

.modal-header .modal-title {
    color: #fff;
}

.modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ── Tabs ───────────────────────────────────────────────────────────────── */
.nav-tabs .nav-link.active {
    color: var(--pb-navy);
    border-bottom-color: #fff;
    font-weight: 600;
}

.nav-tabs .nav-link {
    color: var(--pb-primary-dark);
}

/* ── Tables ─────────────────────────────────────────────────────────────── */
.table > thead.table-light th {
    color: var(--pb-navy);
    background-color: #eef2f7;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #eeeeee;
}

/* ── Forms & focus ──────────────────────────────────────────────────────── */
label.form-label {
    font-weight: 600;
    color: #444;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus, .form-select:focus {
    border-color: var(--pb-primary);
    box-shadow: 0 0 0 0.2rem rgba(102, 147, 188, 0.25);
}

/* ── Footer ─────────────────────────────────────────────────────────────── */
.footer {
    background-color: var(--pb-panel-bg);
    border-top-color: #ddd !important;
}

/* ── Scrollbar (matches Timesheet) ──────────────────────────────────────── */
*::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--pb-primary);
    border-radius: 4px;
}