/* Source: src/app/account/layout.tsx. Keep notices outside the flex layout. */
body.woocommerce-account.logged-in { background: #f4f6f5; }
body.woocommerce-account.logged-in main.juba-account-main { max-width: 1320px !important; padding: 32px 24px !important; }
.juba-account-layout { display: flex; align-items: flex-start; gap: 32px; }
body.woocommerce-account .juba-account-layout > .woocommerce-MyAccount-navigation { flex: 0 0 224px; width: 224px; padding: 16px; border: 0; border-radius: 16px; box-shadow: none; }
.juba-account-layout .woocommerce-MyAccount-navigation::before { content: 'Account'; display: block; margin: 0 8px 16px; color: #6b7280; text-transform: uppercase; letter-spacing: .025em; font-size: 12px; font-weight: 600; }
html[lang^="zh"] .juba-account-layout .woocommerce-MyAccount-navigation::before { content: '我的账户'; }
body.woocommerce-account .juba-account-layout .woocommerce-MyAccount-navigation ul { display: flex; flex-direction: column; gap: 4px; }
body.woocommerce-account .juba-account-layout .woocommerce-MyAccount-navigation li { margin: 0; }
body.woocommerce-account .juba-account-layout .woocommerce-MyAccount-navigation a { padding: 8px 12px; font-size: 14px; font-weight: 500; line-height: 20px; border-radius: 8px; }
body.woocommerce-account .juba-account-layout > .woocommerce-MyAccount-content { flex: 1 1 0%; width: 0; min-width: 0; padding: 24px; border: 0; border-radius: 16px; box-shadow: none; overflow-wrap: anywhere; }
.juba-account-layout .woocommerce-MyAccount-content > h2 { font-size: 24px; margin: 0 0 24px; line-height: 32px; }
.juba-account-layout .woocommerce-MyAccount-content > p { margin-bottom: 16px; }
.juba-account-layout .woocommerce-MyAccount-content code { white-space: normal; overflow-wrap: anywhere; }
.juba-account-layout .woocommerce-MyAccount-content input[type="number"], .juba-account-layout .woocommerce-MyAccount-content input[type="text"] { max-width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cbd8d5; border-radius: 8px; font: inherit; }
.juba-account-layout .woocommerce-MyAccount-content form p { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.juba-account-layout .woocommerce-MyAccount-content form .form-row { display: block; }
.juba-account-layout .woocommerce-MyAccount-content table { display: block; max-width: 100%; overflow-x: auto; }
.juba-account-layout .woocommerce-MyAccount-content table th, .juba-account-layout .woocommerce-MyAccount-content table td { padding: 12px; text-align: start; }
@media (max-width: 767px) {
    body.woocommerce-account.logged-in main.juba-account-main { padding: 24px 16px !important; }
    .juba-account-layout { flex-direction: column; gap: 24px; }
    body.woocommerce-account .juba-account-layout > .woocommerce-MyAccount-navigation, body.woocommerce-account .juba-account-layout > .woocommerce-MyAccount-content { flex: auto; width: 100%; }
    body.woocommerce-account .juba-account-layout .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
}