/*
 * doond.com — logged-in user area theme (ref: VEKPRO light dashboard).
 * Scoped to pages that render the account sidebar (.account-nav) via :has(),
 * so the public site is untouched. White sidebar + teal accent + soft cards.
 */

body:has(.account-nav) {
    background: #f5f6f8 !important;
    --bs-primary: #2563eb;
    --bs-primary-rgb: 37,99,235;
    --bs-link-color: #1d4ed8;
    --bs-link-hover-color: #1d4ed8;
}

/* Accent → teal */
body:has(.account-nav) .btn-primary { --bs-btn-bg:#2563eb; --bs-btn-border-color:#2563eb; --bs-btn-hover-bg:#1d4ed8; --bs-btn-hover-border-color:#1d4ed8; --bs-btn-active-bg:#1d4ed8; --bs-btn-active-border-color:#1d4ed8; --bs-btn-disabled-bg:#2563eb; --bs-btn-disabled-border-color:#2563eb; }
body:has(.account-nav) .btn-outline-primary { --bs-btn-color:#2563eb; --bs-btn-border-color:#2563eb; --bs-btn-hover-bg:#2563eb; --bs-btn-hover-border-color:#2563eb; }
body:has(.account-nav) .text-primary { color:#2563eb !important; }
body:has(.account-nav) .bg-primary { background-color:#2563eb !important; }
body:has(.account-nav) .nav-tabs .nav-link.active { color:#2563eb; border-bottom-color:#2563eb; }
body:has(.account-nav) .page-item.active .page-link { background:#2563eb; border-color:#2563eb; }
body:has(.account-nav) .page-link { color:#2563eb; }

/* Soft, rounded cards */
body:has(.account-nav) .card { border:1px solid #edf0f3 !important; border-radius:.75rem; box-shadow:0 1px 2px rgba(16,24,40,.05) !important; }
body:has(.account-nav) .card-header { background:#fff; border-bottom:1px solid #f0f2f4; }

/* ---- Account sidebar nav ------------------------------------------------- */
.account-nav .card-body .rounded-circle.bg-primary { background:#2563eb !important; }
.account-nav-list .list-group-item {
    padding: .5rem .8rem;
    margin: .1rem .4rem;
    color: #475063;
    font-size: .88rem;
    border-radius: .55rem;
    border: 0;
}
.account-nav-list .list-group-item i { width: 1.15rem; text-align: center; font-size: 1rem; color: var(--ic, #94a3b8); }
.account-nav-list .list-group-item:hover { background:#f1f3f5; color:#111827; }
.account-nav-list .list-group-item.active {
    background:#e6f7f1 !important; color:#2563eb !important;
    border-color: transparent !important; font-weight:600;
}
.account-nav-list .list-group-item.active i { color:#2563eb !important; }
.account-nav-list .text-danger:hover { background:#fdeeee; }

/* ---- Pastel stat tiles (ref dashboard) ---------------------------------- */
.acct-tile { border-radius:.75rem; border:1px solid #edf0f3; transition: transform .15s ease, box-shadow .15s ease; }
.acct-tile:hover { transform: translateY(-2px); box-shadow:0 .4rem 1rem rgba(16,24,40,.08) !important; }
.acct-tile.tint-teal   { background:#e9f8f3; border-color:#cdeee7; }
.acct-tile.tint-amber  { background:#fff6e9; border-color:#ffe7c2; }
.acct-tile.tint-green  { background:#eaf8ef; border-color:#d3f0e2; }
.acct-tile.tint-red    { background:#fdeeee; border-color:#fbd9d9; }
.acct-tile.tint-blue   { background:#eef4ff; border-color:#dbe7ff; }
.acct-tile .tile-ico { width:2.4rem; height:2.4rem; display:inline-flex; align-items:center; justify-content:center; border-radius:.6rem; font-size:1.05rem; background:#fff; }

/* Welcome-back header band — original gradient look. */
.account-header-band { background: linear-gradient(135deg, #2563eb 0%, #4f46e5 55%, #7c3aed 100%) !important; color:#fff !important; border:0; border-radius:.85rem; box-shadow:0 .4rem 1rem rgba(79,70,229,.18); }
.account-header-band h1, .account-header-band p { color:#fff !important; }
.account-header-band .opacity-75 { opacity:.8 !important; }
.account-header-band .btn-light { background:#fff; border-color:#fff; color:#1f2430; }
.account-header-band .btn-light:hover { background:#eef0f3; border-color:#eef0f3; color:#111827; }

/* Profile tabs — clean underline style (VEKPRO reference). */
body:has(.account-nav) .profile-tabs { border-bottom: 1px solid #e5e7eb; gap: .1rem; }
body:has(.account-nav) .profile-tabs .nav-link { color: #64748b; font-size: .8rem; font-weight: 500; padding: .4rem .8rem; border: 0; border-bottom: 2px solid transparent; border-radius: 0; }
body:has(.account-nav) .profile-tabs .nav-link:hover { color: #1f2430; }
body:has(.account-nav) .profile-tabs .nav-link.active { color: var(--bs-primary); border-bottom-color: var(--bs-primary); background: transparent; font-weight: 600; }

/* ---- Theme font (Inter, like the VEKPRO reference) ---------------------- */
body:has(.account-nav),
body:has(.account-nav) .form-control,
body:has(.account-nav) .form-select,
body:has(.account-nav) .btn { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

/* ---- Form field labels — proper case, small, neat ----------------------- */
body:has(.account-nav) .form-label {
    font-size: .8rem; font-weight: 600; letter-spacing: 0;
    text-transform: none; color: #475467; margin-bottom: .3rem;
}

/* ---- Modern inputs with a clear focus highlight ------------------------- */
body:has(.account-nav) .form-control,
body:has(.account-nav) .form-select,
body:has(.account-nav) .input-group-text {
    font-size: .85rem; border-radius: .55rem; border-color: #d0d5dd; color: #1f2430;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
body:has(.account-nav) .form-control { padding: .45rem .7rem; }
body:has(.account-nav) .form-control:hover,
body:has(.account-nav) .form-select:hover { border-color: #b9c0cc; }
body:has(.account-nav) .form-control:focus,
body:has(.account-nav) .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .18);
    background: #fff;
}
/* Highlight the whole field group on focus-within (label + input feel active). */
body:has(.account-nav) .tab-content .row > [class*="col-"]:focus-within .form-label { color: var(--bs-primary); }

/* ---- Tab panes: even spacing + light card feel -------------------------- */
body:has(.account-nav) .tab-content { padding-top: .25rem; }
body:has(.account-nav) .tab-content .row { row-gap: .85rem; }