/* V15: Compact, accessible account workspace and adaptive stars layout. */
#ordersDialog.account-dialog{width:min(960px,calc(100vw - 24px));max-width:none;max-height:min(92dvh,960px);border-radius:19px;overflow-x:hidden;overflow-y:auto}
#ordersDialog .account-inner{width:100%;min-width:0;padding:25px clamp(15px,3vw,34px) 23px}
#ordersDialog .account-header{margin:0 0 16px;padding:0 0 18px;gap:16px;align-items:center}
#ordersDialog .account-header h2{font:700 clamp(26px,3vw,35px)/1.12 Georgia,serif;margin:5px 0 7px;color:#292b2e}
#ordersDialog .account-header small{color:#93691c;letter-spacing:1.5px;font-weight:800;font-size:10px}
#ordersDialog .account-header p{font-size:12px;color:#777;margin:0;line-height:1.4}
#ordersDialog .account-tabs{display:flex;gap:7px;border-bottom:1px solid #e9e5df;margin:0 0 18px;padding:0 0 12px;min-width:0;flex-wrap:wrap}
#ordersDialog .account-tab{border:1px solid #e5e0d8;border-radius:9px;background:#f7f7f6;color:#48494a;font:700 13px/1.3 'Segoe UI',Arial,sans-serif;padding:11px 17px;white-space:nowrap;transition:background .18s,box-shadow .18s;color:#454545}
#ordersDialog .account-tab:hover{background:#f4ead7;border-color:#cdb380}
#ordersDialog .account-tab.active{background:#292b2e;color:#fff;border-color:#292b2e;box-shadow:inset 3px 0 #c7a263}
#ordersDialog .account-tab:focus-visible{outline:3px solid #cb9e42;outline-offset:2px}
#ordersDialog .account-section{min-width:0;max-width:100%}
#ordersDialog .account-section[hidden]{display:none!important}
#ordersDialog .loyalty-dashboard{min-width:0;max-width:100%;gap:14px;margin:0 0 16px}
#ordersDialog .star-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
#ordersDialog .star-progress-card{min-width:0;padding:15px;border-radius:15px;overflow:hidden}
#ordersDialog .star-title{min-width:0;align-items:flex-start}
#ordersDialog .star-title>div{min-width:0;flex:1}
#ordersDialog .star-title strong{font-size:17px;line-height:1.2}
#ordersDialog .star-title small{font-size:12px;line-height:1.4;overflow-wrap:break-word}
#ordersDialog .star-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}
#ordersDialog .star-strip .star{font-size:clamp(13px,1.9vw,19px);line-height:1.6;min-width:0}
#ordersDialog .star-caption{flex-wrap:wrap;gap:5px;align-items:center}
#ordersDialog .star-caption span{font-size:11px}
#ordersDialog .referral-card{min-width:0;padding:17px;border-radius:15px}
#ordersDialog .referral-link{min-width:0;display:flex;flex-wrap:wrap;gap:8px}
#ordersDialog .referral-link input{flex:1 1 220px;min-width:0;max-width:100%}
#ordersDialog .referral-link button{flex:0 0 auto}
#ordersDialog .account-form-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#ordersDialog .account-form-card{padding:20px;background:#fff;border:1px solid #e8e0d3;border-radius:15px;min-width:0;box-shadow:0 2px 8px #18181808}
#ordersDialog .account-form-title{margin-bottom:19px}
#ordersDialog .account-form-title h3{font:700 19px Georgia,serif;margin:0 0 7px}
#ordersDialog .account-form-title p{font-size:12px;line-height:1.5;color:#747474;margin:0}
#ordersDialog .field{font-size:12px;min-width:0}
#ordersDialog .field input,#ordersDialog .field textarea{width:100%;max-width:100%;min-width:0;border:1px solid #d8d5d0;border-radius:9px;padding:11px 12px;font-family:'Segoe UI',Arial,sans-serif;font-size:13px;color:#2c2d30;background:#fff}
#ordersDialog .field input:focus,#ordersDialog .field textarea:focus{outline:2px solid #c9a366;outline-offset:1px}
#ordersDialog .field input:disabled{background:#f4f4f3;color:#777}
#ordersDialog .account-gold-button{width:100%;min-height:44px;border:0;background:#8d631b;color:#fff;font:700 13px 'Segoe UI',Arial,sans-serif;border-radius:9px;padding:11px;white-space:normal}
#ordersDialog .account-gold-button:hover{background:#735018}
#ordersDialog .account-form-message{font-size:12px;min-height:16px;color:#785212;line-height:1.5;overflow-wrap:anywhere;margin:0 0 8px}
#ordersDialog .past-orders{margin:0;max-width:100%;min-width:0}
#ordersDialog .past-orders .past-order{border-radius:11px;min-width:0;overflow-wrap:anywhere}
#ordersDialog .past-orders .order-row{flex-wrap:wrap}
#ordersDialog .account-actions{border-top:1px solid #e9e4de;padding-top:16px;margin-top:14px;gap:12px;flex-wrap:wrap}
#ordersDialog .loyalty-head{padding:17px 19px}
#ordersDialog .loyalty-head p{max-width:680px}
@media(max-width:690px){
 #ordersDialog.account-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 18px);border-radius:14px}
 #ordersDialog .account-inner{padding:16px 13px 20px}
 #ordersDialog .account-header h2{font-size:26px}
 #ordersDialog .account-tabs{gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #ordersDialog .account-tab{font-size:11px;min-width:0;white-space:normal;padding:9px 6px}
 #ordersDialog .star-grid,#ordersDialog .account-form-layout{grid-template-columns:minmax(0,1fr)}
 #ordersDialog .star-strip .star{font-size:19px}
 #ordersDialog .star-progress-card{padding:13px}
 #ordersDialog .referral-link input{flex-basis:100%}
 #ordersDialog .referral-link button{width:100%}
 #ordersDialog .loyalty-head{padding:14px}
 #ordersDialog .account-form-card{padding:15px}
}
/* Override the old V14 670px modal-inner cap that left half the desktop modal blank. */
#ordersDialog.account-dialog > .account-inner{max-width:none!important;width:100%!important}