/* Account presentation only. WooCommerce retains the forms, validation and permissions. */
#ouart-app.ouart-account-app { min-height:100vh; }
#ouart-app .account-back { font-size:13px; display:flex; gap:20px; align-items:center; white-space:nowrap; }
#ouart-app .account-main { max-width:1150px; margin:0 auto; padding:88px 50px 94px; display:grid; grid-template-columns:1fr 460px; gap:80px; align-items:start; min-height:660px; }
#ouart-app .account-intro { padding-top:15px; }
#ouart-app .account-intro h1 { font:500 clamp(32px,3.3vw,47px)/1.35 "Songti SC","STSong","SimSun",serif; margin:24px 0; letter-spacing:-.5px; text-wrap:balance; line-break:strict; }
#ouart-app .account-intro > p:not(.v3-eyebrow) { color:var(--muted); font-size:14px; line-height:1.95; }
#ouart-app .account-intro-links { display:flex; gap:10px 18px; flex-wrap:wrap; margin:29px 0; padding:22px 0; border-block:1px solid var(--line); font-size:12px; }
#ouart-app .account-intro > p.account-member-note { font-size:12px; }
#ouart-app .account-panel { border:1px solid var(--line); border-top:2px solid var(--red); padding:30px; background:#fffefa; min-width:0; }
#ouart-app .account-panel h2 { font-size:24px; line-height:1.5; margin-bottom:22px; }
#ouart-app .account-panel h3 { font-size:19px; margin:18px 0; }
#ouart-app .account-panel p { margin-bottom:16px; }
#ouart-app .account-panel a { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
#ouart-app .account-panel .col2-set { display:block; }
#ouart-app .account-panel .col2-set > [class*="col-"] { float:none; width:100%; margin:0; }
#ouart-app .account-panel .col2-set > [class*="col-"] + [class*="col-"] { margin-top:30px; }
#ouart-app .account-panel form { margin:0; padding:0; border:0; border-radius:0; }
#ouart-app .account-panel .form-row { margin:0 0 18px; padding:0; float:none; width:100%; }
#ouart-app .account-panel label { display:block; margin-bottom:7px; color:var(--ink); font-size:13px; }
#ouart-app .account-panel input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]),#ouart-app .account-panel select { width:100%; border:1px solid #cbc7bd; border-radius:2px; min-height:46px; padding:10px 12px; background:#fff; color:var(--ink); font-size:16px; }
#ouart-app .account-panel input[type="checkbox"] { accent-color:var(--red); margin:0 6px 0 0; }
#ouart-app .account-panel .woocommerce-form__label-for-checkbox { display:flex; align-items:center; margin:5px 0 18px; }
#ouart-app .account-panel .password-input { display:block; position:relative; }
#ouart-app .account-panel .password-input input { padding-right:50px!important; }
#ouart-app .account-panel .show-password-input { position:absolute; right:4px; top:4px; min-height:38px; width:42px; padding:0; background:transparent; color:var(--muted); }
#ouart-app .account-panel .show-password-input::before { font-family:dashicons; content:"\f177"; font-size:22px; }
#ouart-app .account-panel .show-password-input::after { content:none; }
#ouart-app .account-panel :is(button.button,input.button,a.button) { background:var(--red); color:#fff; padding:12px 20px; min-height:46px; border-radius:2px; border:1px solid var(--red); font-weight:600; text-decoration:none; display:inline-block; }
#ouart-app .account-panel button.woocommerce-form-login__submit,#ouart-app .account-panel button.woocommerce-form-register__submit { width:100%; float:none; }
#ouart-app .account-panel :is(button.button,a.button):hover { background:var(--red-dark); }
#ouart-app .account-panel .woocommerce-LostPassword { margin:20px 0 0; font-size:12px; }
#ouart-app .account-panel .woocommerce-privacy-policy-text { font-size:12px; line-height:1.8; color:var(--muted); }
#ouart-app .ouart-otp-control{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}#ouart-app .account-panel .ouart-otp-control input{min-width:0}#ouart-app .account-panel .ouart-otp-control .ouart-send-otp{white-space:nowrap;padding-inline:14px;background:#fff;color:var(--red)}#ouart-app .ouart-otp-status{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.6}
#ouart-app .account-tabs { display:flex; gap:30px; margin:0 0 26px; border-bottom:1px solid var(--line); }
#ouart-app .account-tabs button { padding:0 0 14px; background:none; color:var(--muted); font-size:18px; border-bottom:2px solid transparent; }
#ouart-app .account-tabs button[aria-selected="true"] { border-bottom-color:var(--red); color:var(--ink); font-weight:600; }
#ouart-app .account-panel [hidden] { display:none!important; }
#ouart-app .account-panel .account-tab-panel h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#ouart-app .account-panel .col2-set.is-tabbed > [class*="col-"] { margin-top:0; }
#ouart-app .account-panel .woocommerce-error,#ouart-app .account-panel .woocommerce-message,#ouart-app .account-panel .woocommerce-info { padding:14px 16px; margin:0 0 20px; background:#f4ece5; border:0; border-left:3px solid var(--red); color:var(--ink); font-size:13px; list-style:none; }
#ouart-app .account-panel :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before { display:none; }
#ouart-app .account-panel fieldset { border:1px solid var(--line); padding:18px; margin:25px 0; }
#ouart-app .account-preview-note { background:#f0e8d8; text-align:center; padding:9px 15px; font-size:12px; }
#ouart-app .account-signed-in { display:block; padding-top:46px; max-width:1240px; }
#ouart-app .account-signed-in .account-intro { padding:0 0 25px; }
#ouart-app .account-signed-in h1 { font-size:37px; margin:12px 0; }
#ouart-app .account-signed-in .account-intro-links,#ouart-app .account-signed-in .account-member-note { display:none; }
#ouart-app .account-signed-in .woocommerce { display:flow-root; }
#ouart-app .account-signed-in .woocommerce-MyAccount-navigation { float:left; width:200px; margin-right:30px; }
#ouart-app .account-signed-in .woocommerce-MyAccount-content { float:right; width:calc(100% - 230px); min-width:0; }
#ouart-app .account-signed-in .woocommerce-MyAccount-navigation ul { list-style:none; padding:0; margin:0; }
#ouart-app .account-signed-in .woocommerce-MyAccount-navigation a { display:block; padding:13px 16px; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); }
#ouart-app .account-signed-in .woocommerce-MyAccount-navigation .is-active a { background:#eee9e1; color:var(--red); }
#ouart-app .account-panel table { display:block; overflow-x:auto; max-width:100%; }
@media(max-width:1000px) { #ouart-app .account-main { padding:55px 32px; gap:40px; grid-template-columns:1fr minmax(340px,1fr); } }
@media(max-width:700px) { #ouart-app .account-main { display:block; padding:28px 22px 45px; min-height:0; } #ouart-app .account-intro { padding:0 0 26px; } #ouart-app .account-intro h1 { margin:13px 0; font-size:31px; } #ouart-app .account-intro h1 br { display:initial; } #ouart-app .account-intro-links,#ouart-app .account-intro > p.account-member-note { display:none; } #ouart-app .account-panel { padding:25px 22px; } #ouart-app .account-back { font-size:12px; gap:8px; } #ouart-app .account-signed-in .woocommerce-MyAccount-navigation { width:100%; float:none; margin:0 0 25px; } #ouart-app .account-signed-in .woocommerce-MyAccount-navigation ul { display:flex; flex-wrap:wrap; gap:3px; } #ouart-app .account-signed-in .woocommerce-MyAccount-navigation a { padding:10px; font-size:12px; } #ouart-app .account-signed-in .woocommerce-MyAccount-content { width:100%; float:none; } }