.account-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:6px;background:#eeeae4;border-radius:14px;width:fit-content}
.account-section-nav a{padding:11px 18px;border-radius:10px;color:#62584b;text-decoration:none;font-size:14px;font-weight:650}
.account-section-nav a[aria-current=page]{background:#fff;color:#191919;box-shadow:0 2px 8px #00000008}
.account-page-heading{margin:0 0 32px;max-width:850px}.account-page-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.2;margin:12px 0}.account-page-heading p{color:#6a655e;line-height:1.7}
.account-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-dashboard-grid>.account-card{min-width:0;margin:0;padding:32px;border:1px solid #e3ddd4;border-radius:20px;background:#fff}
.account-dashboard-grid h2,.account-support h2{margin-top:0;font-size:24px}.account-email{overflow-wrap:anywhere}.account-muted{color:#6a655e;line-height:1.7}
.account-member-form{display:flex;flex-direction:column;gap:12px;margin-top:24px}.account-member-form label{font-weight:600;font-size:15px}.account-member-form .account-field{display:grid;gap:8px}
.account-member-form input:not([type=hidden]):not(.MuiInputBase-input),.account-member-form select,.account-member-form textarea,.account-referral,.account-month-filter input{box-sizing:border-box;width:100%;font:inherit;color:#26231f;border:1px solid #d8d0c4;border-radius:10px;background:#fff;padding:14px 16px;min-height:50px}
.account-member-form .MuiInputBase-input{border:0;padding:16.5px 14px;min-height:0}.account-member-form textarea{resize:vertical;line-height:1.6}.account-member-form :is(input,select,textarea):not(.MuiInputBase-input):focus-visible{outline:2px solid #a68b61;outline-offset:2px}
/* MUI draws focus around the whole field, including the password eye button.
   Keep the native focus indicator for unenhanced forms and keyboard controls. */
.raku-account-page .MuiInputBase-input:focus-visible{outline:none;box-shadow:none}
.account-primary,.account-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;box-sizing:border-box;border-radius:10px;text-decoration:none;font:600 15px system-ui;cursor:pointer;text-align:center}
.account-primary{background:#ffd13b;color:#191919;border:1px solid #ffd13b}.account-primary:hover{background:#f6c52b}.account-secondary{background:#fff;color:#28251f;border:1px solid #cfc5b6}.account-secondary:hover{background:#f7f3ed}
.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-notice{background:#eef6ee;border:1px solid #cee0cd;color:#275b31;border-radius:12px;padding:16px 20px;margin-bottom:24px}
.account-login-dialog{box-sizing:border-box;width:min(510px,calc(100% - 32px));padding:38px;border:1px solid #e7ddcf;border-radius:24px;color:#221f1b;box-shadow:0 24px 100px #0003;overflow:visible;background:#fff}
.account-login-dialog::backdrop{background:#17140e85;backdrop-filter:blur(4px)}.account-login-dialog h2{font:700 30px/1.25 system-ui;margin:18px 0 12px}.account-login-dialog p{font:16px/1.7 system-ui;color:#71685d;margin-bottom:28px}.account-login-dialog .account-actions a{flex:1}.account-dialog-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f6f2eb;color:#494137;cursor:pointer;font-size:25px}
.account-order-list{display:grid;gap:12px}.account-order-row.account-card{display:flex;align-items:center;gap:24px;padding:24px;margin:0;text-decoration:none;color:#28241d;border:1px solid #e5ded3;border-radius:16px}.account-order-row>div{flex:1}.account-order-row small{display:block;color:#756d62;margin-top:8px}.account-order-row:hover{border-color:#b99e78;background:#fffdf8}.account-order-preview{max-height:290px;max-width:100%;display:block;margin:20px auto;border-radius:12px}.account-photo-caption>a{display:block;margin-top:10px}
.account-orders-empty.account-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:340px;padding:48px 32px;margin:0;text-align:center;border-radius:20px;box-shadow:0 4px 20px #24242404}
.account-orders-empty-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:4px;border-radius:20px;background:var(--raku-yellow-tint);color:var(--raku-link)}
.account-orders-empty-icon svg{width:30px;height:30px}
.account-orders-empty h2{margin:0;font-size:clamp(22px,2vw,26px);line-height:1.35;letter-spacing:-.4px}
.account-orders-empty p{max-width:44ch;margin:0;color:var(--raku-muted);font-size:16px;line-height:1.65}
.account-orders-empty .account-primary{margin-top:8px;min-height:48px;padding:12px 24px}
@media(max-width:760px){.account-orders-empty.account-card{padding:36px 24px;min-height:320px;border-radius:16px}}
.account-progress{list-style:none;padding:0;margin:24px 0;display:grid;gap:0}.account-progress li{position:relative;display:flex;gap:14px;align-items:center;padding:12px 0;color:#827c73}.account-progress li:not(:last-child)::after{position:absolute;content:"";height:24px;width:2px;background:#e7e0d6;top:42px;left:16px}.account-progress li span{display:grid;place-items:center;border:1px solid #dfd5c7;background:#f5f2ed;border-radius:50%;width:34px;height:34px;flex:0 0 34px;box-sizing:border-box;font-weight:600}.account-progress .is-reached{color:#4f4027}.account-progress .is-reached span{background:#fff1bb;border-color:#e5c562}.account-progress [aria-current=step]{font-weight:750}.account-progress [aria-current=step] span{background:#ffd13b;border-color:#dcb021}
.account-support{margin-top:24px;padding:32px;border:1px solid #e3ddd4;border-radius:20px;background:#fff}.account-conversation{display:grid;gap:16px}.account-message{padding:18px 22px;background:#f7f5f1;border:1px solid #e8e1d7;border-radius:14px;margin-right:7%;overflow-wrap:anywhere}.account-message.is-staff{margin-right:0;margin-left:7%;background:#fff8df;border-color:#ebddae}.account-message time{font-size:12px;color:#756a58;margin-left:12px}.account-message p{white-space:normal;line-height:1.65;margin-bottom:0}.account-support .account-member-form{max-width:780px}
.account-month-filter{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.account-month-filter input{width:200px}.account-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.account-stat.account-card{padding:26px;margin:0;border-radius:16px;border:1px solid #e2d9cb;min-width:0}.account-stat span{display:block;color:#736857;font-size:14px;line-height:1.5}.account-stat strong{display:block;margin-top:18px;font-size:clamp(24px,2.2vw,34px);color:#27221a;overflow-wrap:anywhere}.account-stat:first-child{background:#fff5cf;border-color:#e6cb72}.account-referral{margin-bottom:16px}.account-payouts{padding:0;list-style:none}.account-payouts li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eee6db}.account-pagination{display:flex;gap:24px;margin-top:24px}
@media(max-width:760px){.account-dashboard-grid{grid-template-columns:1fr;gap:18px}.account-dashboard-grid>.account-card,.account-support{padding:24px}.account-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.account-stat.account-card{padding:20px}.account-order-row.account-card{flex-wrap:wrap;gap:12px;padding:20px}.account-order-row>div{flex-basis:100%}.account-section-nav{width:auto}.account-section-nav a{padding:10px 12px;font-size:13px}.account-login-dialog{padding:32px 24px}.account-login-dialog h2{font-size:26px}.account-message{margin-right:0}.account-message.is-staff{margin-left:0}.account-message time{display:block;margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){.account-login-dialog{scroll-behavior:auto}}