/* Read-only Moments account surfaces; existing blue/gold theme and other screens unchanged. */
.account-screen{--account-blue:#073982;--account-navy:#06234a;--account-gold:#c8a357;--account-line:#e2e7ee;color:#20344c}
.account-screen p,.account-screen strong,.account-screen h2,.account-screen h3,.account-screen small{overflow-wrap:anywhere}
.account-screen .account-intro{max-width:74ch;line-height:1.65;margin-bottom:22px;color:#53637a}
.account-screen .account-tabs{display:flex;gap:8px;border-bottom:1px solid var(--account-line);padding:0 0 14px;margin:0 0 26px;flex-wrap:wrap}
.account-tabs button{flex:1 1 130px;min-height:46px;padding:11px 16px;border:1px solid #c7d4e5;border-radius:11px;background:#fff;color:var(--account-navy);font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
.account-tabs button[aria-current="page"]{color:#fff;background:linear-gradient(135deg,#0043a1,#06234a);border-color:var(--account-gold);box-shadow:inset 0 -2px 0 var(--account-gold)}
.account-tabs button:hover{border-color:var(--account-gold)}
.account-screen :is(button,summary):focus-visible{outline:3px solid #b58a31;outline-offset:4px}
.account-screen .account-profile-hero{border-top:3px solid var(--account-gold);background:linear-gradient(115deg,#f9fbff,#fff);padding:24px}
.account-profile-grid,.account-address-grid,.account-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.account-profile-grid>.card{min-width:0;margin-bottom:0!important}
.account-profile-grid .row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px;padding:12px 0;align-items:start}
.account-profile-grid .row strong{text-align:right;min-width:0}
.account-screen .account-section-title{color:var(--account-navy);margin:30px 0 14px;font-size:21px}
.account-tools .settings-row{width:100%;min-width:0;margin:0;align-items:center}
.account-screen .account-card,.account-screen .account-order-card{background:#fff;border:1px solid var(--account-line);border-top:3px solid var(--account-gold);border-radius:16px;padding:22px;box-shadow:0 5px 20px #06234a07;margin-bottom:18px;color:#20344c}
.account-screen .account-card-title{font-size:21px;line-height:1.4;color:var(--account-navy);margin:0 0 8px}
.account-screen .account-order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.account-screen .account-order-header p{margin:6px 0}
.account-screen .account-badge{display:inline-block;max-width:100%;font-size:12px;font-weight:700;border:1px solid #d3bd87;background:#fbf7ec;color:#173c6d;border-radius:20px;padding:5px 11px}
.account-screen .account-muted{font-size:13px;line-height:1.55;color:#637187}
.account-screen .account-order-total{text-align:right;display:grid;gap:5px;color:#637187;font-size:13px;min-width:130px}
.account-screen .account-order-total strong{color:var(--account-navy);font-size:23px;line-height:1.3}
.account-screen .account-order-items{list-style:none;padding:0;margin:0}
.account-screen .account-order-item{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(100px,auto);align-items:start;gap:16px;border-top:1px solid var(--account-line);padding:20px 0}
.account-screen .account-order-item h3{font-family:inherit;font-size:16px;line-height:1.5;margin:0 0 6px;color:var(--account-navy)}
.account-screen .account-order-item p{font-size:13px;line-height:1.55;margin:3px 0}
.account-screen .account-image-unavailable{height:84px;border:1px solid #e2d9c4;border-radius:10px;background:#faf8f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;color:#7b6844;padding:6px}
.account-screen .account-image-unavailable>span{font-size:25px;line-height:1}
.account-screen .account-image-unavailable small{font:10px/1.3 Arial,sans-serif}
.account-screen .account-item-amount{display:grid;text-align:right;gap:5px;font-size:12px;color:#637187}
.account-screen .account-item-amount strong{color:#20344c;font-size:15px}
.account-screen .account-order-details{border-top:1px solid var(--account-line);margin-top:4px}
.account-screen .account-order-details>summary{cursor:pointer;font:600 14px/1.6 Arial,sans-serif;color:var(--account-blue);padding:16px 0;min-height:44px}
.account-screen .account-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 18px}
.account-screen .account-detail-panel{min-width:0;border:1px solid var(--account-line);background:#f9fbfe;border-radius:12px;padding:18px}
.account-screen .account-detail-panel h3{font:600 15px/1.5 Arial,sans-serif;color:var(--account-navy);margin:0 0 12px}
.account-screen .account-detail-panel p{font-size:13px;line-height:1.7;margin:10px 0}
.account-screen .account-detail-panel p+h3{margin-top:24px}
.account-screen .account-address-lines{white-space:pre-line;line-height:1.8}
.account-screen .account-amount-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:10px 0;font-size:13px;line-height:1.5}
.account-screen .account-amount-row strong{text-align:right}
.account-screen .account-amount-total{border-top:1px solid #c8d5e4;margin-top:16px;padding-top:14px;color:var(--account-navy);font-size:16px;font-weight:700}
.account-screen .account-breakdown-note{border-left:3px solid var(--account-gold);padding-left:10px;color:#5c6980}
.account-screen #momentsOrdersStatus,.account-screen #momentsAddressesStatus{line-height:1.6;margin:18px 0}
.account-address-grid>.account-card{margin-bottom:0}
.account-address-grid>.account-address-lines{grid-column:1/-1;margin:8px 0}
@media(min-width:960px){.account-profile-grid,.account-tools,.account-address-grid,.account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-screen .account-tabs{justify-content:flex-start}.account-tabs button{flex:0 1 190px}.account-screen .account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.account-screen .account-card,.account-screen .account-order-card,.account-screen .account-profile-hero{padding:16px}.account-tabs button{flex:1 1 85px;padding:10px 7px;font-size:12px}.account-screen .account-order-item{grid-template-columns:60px minmax(0,1fr);gap:12px}.account-screen .account-item-amount{grid-column:2;text-align:left}.account-screen .account-order-total{text-align:left}.account-profile-grid .row{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:8px}.account-screen .account-detail-panel{padding:14px}}
@media(forced-colors:active){.account-tabs button,.account-tabs button[aria-current="page"],.account-screen .account-profile-hero,.account-screen .account-card,.account-screen .account-order-card,.account-screen .account-badge,.account-screen .account-detail-panel,.account-screen .account-image-unavailable{background:Canvas;color:CanvasText;border-color:CanvasText}.account-screen :is(button,summary):focus-visible{outline-color:Highlight}}