/* Account pages share the storefront's navy, white and fine-border treatment. */
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) { --rw-account-border: #d4dee7; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register):not(.route-account-account) body.rw-modern:not(#rwp):not(#u) #content {
  align-self: flex-start; padding: 28px; background: #fff; border: 1px solid #d4dee7; border-radius: 8px; min-width: 0;
}
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .side-column {
  align-self: flex-start; background: #fff; border: 1px solid #d4dee7; border-radius: 8px; padding: 0; min-width: 0;
}
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar { padding: 20px; color: #14283f; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar h2 { margin: 0 0 12px; padding: 0 0 14px; border-bottom: 1px solid #d4dee7; font-size: 17px; line-height: 1.4; font-weight: 600; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar ul { list-style: none; margin: 0; padding: 0; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar li { margin: 0; padding: 0; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar a,
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar summary {
  display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 12px; border-radius: 5px; color: #344d65; font-size: 14px; line-height: 22px; overflow-wrap: anywhere; cursor: pointer; text-decoration: none;
}
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar a:hover,
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar summary:hover { background: #f4f7fa; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar a[aria-current="page"] { background: #edf3f8; color: #14283f; font-weight: 600; box-shadow: inset 3px 0 #244f78; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar summary { margin-top: 8px; border-top: 1px solid #e4eaf0; border-radius: 0; font-size: 13px; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar summary::after { content: '+'; margin-left: auto; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar details[open] summary::after { content: '−'; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar .rw-sidebar-logout { justify-content: space-between; margin-top: 12px; border: 1px solid #a7b8c8; color: #14283f; }
html body.rw-modern:not(#rwp):not(#u) .rw-account-sidebar :is(a,summary):focus-visible { outline: 2px solid #315b87; outline-offset: 2px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content fieldset { margin: 0 0 28px; padding: 0; min-width: 0; border: 0; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content legend { color: #14283f; margin: 0 0 22px; padding: 0 0 14px; border-bottom: 1px solid #d4dee7; font-size: 18px; font-weight: 600; line-height: 1.5; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content legend::after { display: none; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content .form-group { margin: 0 0 20px; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .control-label { color: #344d65; font-size: 14px; line-height: 1.5; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .form-control { min-height: 44px; border: 1px solid #c5d1dd; border-radius: 5px; background: #fff; color: #14283f; box-shadow: none; max-width: 100%; font-size: 16px; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .form-control:focus { border-color: #315b87; box-shadow: 0 0 0 3px #315b871a; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .has-error .form-control { border-color: #a94442; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .input-group { width: 100%; max-width: 100%; min-width: 0; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .input-group > .form-control { width: 0; min-width: 0; flex: 1 1 0; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .input-group-btn { flex: 0 0 auto; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .input-group-btn > .btn { min-width: 44px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content .buttons { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 18px 0 0 !important; margin: 20px 0 0; border: 0 !important; border-top: 1px solid #d4dee7 !important; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .buttons::before,
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .buttons::after { display: none; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .buttons > :is(.pull-left,.pull-right) { float: none !important; max-width: 100%; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .btn { min-height: 44px; white-space: normal; line-height: 22px; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .table-responsive { max-width: 100%; overflow-x: auto; border-color: #d4dee7; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .table thead td { background: #f4f7fa; color: #14283f; border-color: #d4dee7; font-weight: 600; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .rw-account-empty { padding: 16px 0; color: #4e6072; line-height: 1.7; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .rw-account-empty p { margin: 0 0 18px; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .alert:is(.alert-danger,.alert-warning,.alert-info) { padding: 16px 48px 16px 20px; border-radius: 8px; border: 1px solid #d4dee7; box-shadow: none; font-size: 14px; line-height: 24px; overflow-wrap: anywhere; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .alert.alert-danger { background: #fff5f4 !important; color: #8b3432 !important; border-color: #e8c7c4; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .alert.alert-warning { background: #fffaf0 !important; color: #795d24 !important; border-color: #e6d7b4; }
html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) .alert.alert-info { background: #f4f7fa !important; color: #244f78 !important; }
@media(max-width: 767px) {
  html[class*="route-account-"]:not(.route-account-login):not(.route-account-register):not(.route-account-account) body.rw-modern:not(#rwp):not(#u) #content { padding: 20px 16px; }
  html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content .form-group > [class*="col-"] { padding-left: 0; padding-right: 0; width: 100%; }
  html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .control-label { padding-top: 0; margin-bottom: 8px; }
  html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content .buttons > :is(a,.pull-left,.pull-right),
  html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body.rw-modern:not(#rwp):not(#u) #content .buttons .btn { width: 100% !important; }
  html[class*="route-account-"] body.rw-modern:not(#rwp):not(#u) #content .buttons > :is(.pull-left,.pull-right) { flex: 0 0 100%; }
}