/* Account pages only. Existing forms, routes and controllers remain unchanged. */
[id^="account-"] { color:#263f50; }
[id^="account-"] #content { padding-bottom:40px; }
[id^="account-"] .breadcrumb { padding:18px 0; background:transparent; color:#607787; }
[id^="account-"] #content h1, [id^="account-"] #content h2 { color:#173b4d; font-weight:750; letter-spacing:-.025em; }
[id^="account-"] #content h1 { font-size:clamp(27px,3vw,36px); margin:12px 0 18px; }
[id^="account-"] #content h2 { font-size:23px; margin:6px 0 16px; }
[id^="account-"] #content .well, [id^="account-"] #content fieldset { background:#fff; border:1px solid #d8e8ec; border-radius:15px; box-shadow:0 8px 24px rgba(21,61,77,.06); }
[id^="account-"] #content .well { padding:25px; }
[id^="account-"] #content fieldset { padding:20px; margin:18px 0; min-width:0; }
[id^="account-"] #content fieldset legend { width:auto; max-width:100%; padding:0 8px; margin:0 0 12px; border:0; color:#173b4d; font-size:18px; font-weight:700; }
[id^="account-"] #content .form-control { min-height:44px; border:1px solid #bed4dc; border-radius:8px; box-shadow:none; color:#223f50; }
[id^="account-"] #content textarea.form-control { min-height:100px; }
[id^="account-"] #content .form-control:focus { border-color:#1685a4; box-shadow:0 0 0 3px rgba(22,133,164,.15); }
[id^="account-"] #content label { color:#315366; font-weight:700; }
[id^="account-"] #content .btn { min-height:42px; padding:10px 17px; border-radius:8px; font-weight:700; }
[id^="account-"] #content .btn-primary { background:#087f9e; border-color:#087f9e; color:#fff; }
[id^="account-"] #content .btn-primary:hover { background:#056981; border-color:#056981; }
[id^="account-"] #content .btn-default { background:#fff; border-color:#bdd5dd; color:#22495a; }
[id^="account-"] #content .alert { border-radius:10px; }
[id^="account-"] #content .table-responsive { border-radius:10px; }
[id^="account-"] #content .table { background:#fff; }
[id^="account-"] #content .table thead { background:#edf7f9; color:#23495a; }
[id^="account-"] #content .buttons { margin:22px 0; }
#account-login #content > .row { display:flex; flex-wrap:wrap; }
#account-login #content > .row > [class*="col-"] { display:flex; }
#account-login #content .well { width:100%; }
#account-login #content .well:first-child p { line-height:1.6; }
#account-login #content .well form a { display:inline-block; margin-top:9px; }
#account-account #content > .list-unstyled { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin:0 0 24px; padding:0; }
#account-account #content > .list-unstyled a { display:flex; align-items:center; min-height:58px; padding:13px 16px; border:1px solid #d9e8ec; border-radius:10px; background:#f7fbfc; color:#1d5064; font-weight:700; text-decoration:none; }
#account-account #content > .list-unstyled a:hover, #account-account #content > .list-unstyled a:focus-visible { background:#e6f4f7; border-color:#82c5d5; }
@media(max-width:767px) {
 [id^="account-"] #content .well, [id^="account-"] #content fieldset { padding:18px; }
 [id^="account-"] #content .form-horizontal .control-label { text-align:left; margin:0 0 6px; }
 #account-account #content > .list-unstyled { grid-template-columns:1fr; }
}
/* Customer dashboard: the installed extension renders this separate template. */
#bv-account-dashboard { color:#244558; }
#bv-account-dashboard .breadcrumb { padding:18px 0; background:transparent; }
#bv-account-dashboard .acc-div { overflow:hidden; border:1px solid #d8e8ec; border-radius:15px; background:#fff; box-shadow:0 8px 24px rgba(21,61,77,.06); }
#bv-account-dashboard .acc-divName a { color:#173b4d; font-size:20px; font-weight:750; }
#bv-account-dashboard .acc-button { padding:0 16px 16px; }
#bv-account-dashboard .acc-button .btn { background:#087f9e; border-color:#087f9e; border-radius:8px; font-weight:700; }
#bv-account-dashboard .modules { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:142px; height:auto; margin-bottom:15px; padding:18px 10px; border:1px solid #d9e9ed; border-radius:13px; background:#f7fbfc; box-shadow:0 4px 14px rgba(21,61,77,.04); transition:background .15s,box-shadow .15s; }
#bv-account-dashboard a:hover .modules, #bv-account-dashboard a:focus-visible .modules { background:#eaf6f8; box-shadow:0 7px 18px rgba(21,61,77,.12); }
#bv-account-dashboard .modules > i { display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:15px; background:#def3f7; color:#087e9c; font-size:25px; }
#bv-account-dashboard .col-sm-3:nth-child(4n+2) .modules > i { background:#fff0c7; color:#a46705; }
#bv-account-dashboard .col-sm-3:nth-child(4n+3) .modules > i { background:#fae2ed; color:#ba3c72; }
#bv-account-dashboard .col-sm-3:nth-child(4n+4) .modules > i { background:#e2f2e7; color:#32855b; }
#bv-account-dashboard .modules .module-title { margin:0; color:#244558; font-size:14px; line-height:1.3; font-weight:700; text-align:center; }
#bv-account-dashboard .order-title { color:#173b4d; font-weight:750; }
#bv-account-dashboard .acc_order { border:1px solid #d8e8ec; border-radius:12px; overflow:hidden; background:#fff; }
#bv-account-dashboard .acc_order table { margin:0; }
#bv-account-dashboard .acc_order thead { background:#edf7f9; color:#23495a; }
@media(max-width:767px) {
 #bv-account-dashboard .modules { min-height:120px; }
 #bv-account-dashboard .col-sm-8 > .row { display:flex; flex-wrap:wrap; }
 #bv-account-dashboard .col-sm-8 > .row > .col-sm-3 { width:50%; }
}
#bv-account-dashboard .acc_div { display:flex; }
#bv-account-dashboard .acc_div > div { float:none; width:50%; }
#bv-account-dashboard .order-title { padding:12px 16px; margin:14px 0 0; border-radius:10px 10px 0 0; background:#e8f4f7 !important; color:#173b4d !important; }