/* Customer account and saved-address management */
.profile-page{display:flex;min-height:100vh;flex-direction:column}
.profile-page .account-shell{width:100%;min-height:0;flex:1;grid-template-columns:minmax(0,1fr);max-width:1320px;align-items:start;padding-top:34px;padding-bottom:48px}
.profile-page .shared-footer{margin-top:auto}
.profile-page .account-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:24px;row-gap:2px;padding:0 4px 22px}
.profile-page .account-intro h1{grid-column:1;grid-row:1;margin:0;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.045em}
.profile-page .account-intro p{grid-column:1;grid-row:2;margin:4px 0 0;font-size:.88rem;line-height:1.45}
.profile-page .profile-top-actions{grid-column:2;grid-row:1/3;justify-items:end;margin:0;padding:11px 15px;border:1px solid #e2e9f5;border-radius:14px;background:#fff}
.profile-page .account-card{display:grid;gap:28px}
.profile-section+.profile-section{padding-top:25px;border-top:1px solid var(--line)}
.profile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.profile-section-heading h2,.profile-section-heading h3{margin:0;font-size:1.2rem;font-weight:800}
.profile-section-heading p{margin:6px 0 0;color:var(--muted);font-size:.83rem;line-height:1.5}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.profile-grid .field{margin:9px 0}.profile-grid .field-wide{grid-column:1/-1}
.field textarea{width:100%;min-height:92px;padding:12px 13px;border:1px solid #dfe5ee;border-radius:11px;color:var(--ink);background:#fff;font:inherit;font-size:.9rem;resize:vertical}
.field textarea:focus{outline:3px solid #0875E120;border-color:#8094ff}
.profile-actions{display:flex;align-items:center;gap:12px;margin-top:8px}
.profile-actions .account-submit{width:auto;min-width:190px;padding:0 18px;margin:0}
.saved-address-list{display:grid;gap:12px;margin-bottom:19px}
.saved-address{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}
.saved-address-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.saved-address h3{margin:0 0 7px;font-size:.98rem;font-weight:800}
.saved-address p{margin:3px 0;color:#52627a;font-size:.83rem;line-height:1.5;overflow-wrap:anywhere}
.saved-address-actions{display:flex;flex-shrink:0;gap:7px}
.saved-address-actions button,.secondary-button,.text-button{min-height:36px;padding:0 11px;border:1px solid #dfe5ee;border-radius:9px;color:#40516f;background:#fff;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}
.saved-address-actions button:hover,.secondary-button:hover,.text-button:hover{border-color:#aab8ff;color:var(--blue)}
.saved-address-empty{padding:18px;border:1px dashed #d5dce8;border-radius:13px;color:var(--muted);text-align:center;font-size:.85rem}
.profile-notice{margin:16px 0 0;padding:12px 13px;border-radius:10px;color:#52627a;background:#f4f6fa;font-size:.77rem;line-height:1.55}
.profile-top-actions{display:grid;gap:7px;margin-top:20px}
.profile-top-actions a{color:var(--blue);font-size:.8rem;font-weight:750;text-decoration:none}
.profile-top-actions span{max-width:240px;color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.profile-loading{color:var(--muted)}
.account-card .account-submit:hover{background:#0756B8}.account-link-button:hover{color:#fff}
.profile-page .account-card{display:block;padding:0;overflow:hidden}
.account-center{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:520px}
.profile-nav{display:flex;flex-direction:column;gap:5px;padding:25px 16px;border-right:1px solid var(--line);background:#fbfcfe}
.profile-nav-title,.profile-eyebrow{margin:0 0 8px;color:#8792a6;font-size:.68rem;font-weight:850;letter-spacing:.1em}
.profile-nav-title{padding:0 12px 8px}
.profile-nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;color:#59677f;background:transparent;text-align:left;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.profile-nav-item:hover{color:var(--blue);background:#f0f3ff}
.profile-nav-item[aria-current="page"]{color:#0756B8;background:#edf1ff}
.profile-nav-icon{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:8px;background:#fff;font-size:1.05rem}
.profile-signout{margin-top:auto;color:#9d3a43}
.profile-workspace{min-width:0;padding:clamp(22px,3.2vw,38px)}
.profile-panel[hidden],.address-editor[hidden]{display:none}
.profile-panel .profile-section-heading{margin-bottom:25px}
.profile-panel .profile-section-heading h2{margin:4px 0 0;font-size:1.55rem;letter-spacing:-.035em}
.profile-panel .profile-section-heading p{max-width:560px;font-size:.87rem}
.profile-eyebrow{display:block;color:var(--blue)}
.profile-panel form{max-width:680px}
.profile-overview-grid{display:grid;gap:12px;margin-top:28px}
.profile-overview-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:14px;min-width:0;min-height:84px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.profile-overview-card:hover{transform:translateY(-1px);border-color:#b9c6ff;box-shadow:0 8px 22px #1a2a530d}
.overview-card-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:var(--blue);background:#edf1ff;font-size:1.2rem}
.profile-overview-card strong,.profile-overview-card small{display:block;overflow-wrap:anywhere}.profile-overview-card strong{color:var(--ink);font-size:.9rem}.profile-overview-card small{margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.4}
.overview-arrow{color:#8792a6;font-size:1.1rem}
.profile-add-address{width:auto;min-width:130px;min-height:40px;margin:0;padding:0 14px;border-radius:10px;font-size:.8rem;white-space:nowrap}
.address-editor{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fbfcfe;scroll-margin-top:20px}
.address-editor .profile-section-heading{margin-bottom:12px}
.profile-panel .saved-address-list{margin-bottom:0}
@media(max-width:900px){.profile-page .account-card{padding:0}.profile-page .account-intro{grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.profile-page .account-intro h1{grid-column:1;grid-row:1;margin-top:0}.profile-page .account-intro p{grid-column:1;grid-row:2}.profile-page .profile-top-actions{grid-column:2;grid-row:1/3}.account-center{grid-template-columns:1fr;min-height:0}.profile-nav{flex-direction:row;gap:6px;padding:12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.profile-nav-title,.profile-nav-group-title{display:none}.profile-nav-item{flex:0 0 auto;width:auto;min-height:40px;padding:0 11px;white-space:nowrap}.profile-nav-icon{flex-basis:22px;width:22px;height:22px}.profile-signout{margin:0 0 0 auto}.profile-workspace{padding:24px}}
@media(max-width:520px){.profile-page .account-shell{padding:16px 14px 30px}.profile-page .account-intro{grid-template-columns:minmax(0,1fr) auto;row-gap:0;padding-bottom:14px}.profile-page .account-brand{gap:8px;font-size:.92rem}.profile-page .account-brand .brand-mark{width:38px;height:38px}.profile-page .account-intro h1{margin-top:16px;font-size:2rem}.profile-page .account-intro p{font-size:.82rem}.profile-page .profile-top-actions{padding:8px 10px}.profile-page .profile-top-actions span{max-width:140px;font-size:.7rem}.profile-workspace{padding:20px 16px}.profile-panel .profile-section-heading{flex-direction:column;gap:12px}.profile-add-address{width:100%}.address-editor{padding:15px}.profile-overview-card{grid-template-columns:40px minmax(0,1fr) 16px;gap:10px;padding:12px}.overview-card-icon{width:38px;height:38px}.profile-nav{padding:10px 8px}.profile-nav-item{gap:7px;padding:0 9px;font-size:.75rem}.profile-nav-icon{display:none}}
@media(max-width:900px){.profile-page .account-shell{grid-template-columns:1fr;max-width:760px;gap:12px;padding-top:24px}.profile-page .account-intro{padding-bottom:8px}.profile-page .account-intro h1{margin:25px 0 10px;font-size:clamp(2.2rem,9vw,3rem)}}
@media(max-width:520px){.profile-grid{grid-template-columns:1fr}.profile-grid .field-wide{grid-column:auto}.saved-address-top{flex-direction:column}.saved-address-actions{width:100%}.saved-address-actions button{flex:1}.profile-actions{align-items:stretch;flex-direction:column}.profile-actions .account-submit{width:100%}}
@media(min-width:681px){.profile-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.profile-overview-card{grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;min-height:92px;padding:12px}.overview-card-icon{width:38px;height:38px}.profile-overview-card:focus-visible{outline:3px solid #0875E133;outline-offset:2px}}
@media(max-width:680px){.profile-overview-grid{grid-template-columns:1fr;gap:9px;margin-top:20px}.profile-overview-card{min-height:74px}}
.profile-nav-group-title{padding-top:3px}.profile-nav-item{transition:background .15s,color .15s,transform .15s}.profile-nav-item:focus-visible{outline:3px solid #0875E133;outline-offset:2px}.profile-nav a.profile-nav-item:hover{transform:translateX(2px)}

.saved-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-system-card{display:flex;min-width:0;flex-direction:column;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.saved-system-card.is-empty{border-style:dashed;background:#fbfcfe}.saved-system-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-system-card h3{margin:0;font-size:.94rem}.saved-system-status{padding:5px 8px;border-radius:999px;color:#4058b6;background:#edf1ff;font-size:.62rem;font-weight:800}.saved-system-card.is-empty .saved-system-status{color:#758198;background:#f1f3f7}.saved-system-summary{min-height:42px;margin:10px 0;color:#5c6980;font-size:.73rem;line-height:1.5;overflow-wrap:anywhere}.saved-system-parts{display:grid;gap:6px;margin:2px 0 14px;padding:0;list-style:none}.saved-system-parts li{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding-top:6px;border-top:1px solid #f0f2f5}.saved-system-parts li span{color:var(--muted);font-size:.65rem}.saved-system-parts li strong{font-size:.66rem;line-height:1.4;overflow-wrap:anywhere}.saved-system-card .account-submit{margin-top:auto}.systems-load-note{margin:0 0 14px;padding:11px 12px;border-radius:10px;color:#76541d;background:#fff7e6;font-size:.76rem;line-height:1.5}.systems-load-note[hidden]{display:none}
.profile-nav-group-title{margin:16px 12px 4px;color:#8792a6;font-size:.65rem;font-weight:850;letter-spacing:.09em}.profile-nav-item{text-decoration:none}.profile-nav a.profile-nav-item{cursor:pointer}.profile-placeholder{display:grid;justify-items:start;gap:8px;padding:20px;border:1px dashed #d6deea;border-radius:14px;color:#53627a;background:#fbfcfe}.profile-placeholder>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--blue);background:#edf1ff;font-size:1.25rem}.profile-placeholder strong{color:var(--ink);font-size:.9rem}.profile-placeholder p{max-width:520px;margin:0;font-size:.8rem;line-height:1.6}.preference-option{display:flex;align-items:flex-start;gap:12px;max-width:620px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe;cursor:pointer}.preference-option input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--blue)}.preference-option strong,.preference-option small{display:block}.preference-option strong{font-size:.84rem}.preference-option small{margin-top:5px;color:var(--muted);font-size:.76rem;line-height:1.5}
.preference-sync-note{margin:0 0 14px;padding:11px 13px;border-radius:10px;color:#76541d;background:#fff7e6;font-size:.76rem;line-height:1.5}.preference-sync-note[hidden]{display:none}
@media(max-width:620px){.saved-system-grid{grid-template-columns:1fr}}

.owned-device-editor{margin-top:18px}
.owned-device-editor .profile-section-heading{margin-bottom:15px}
.owned-device-fields[hidden]{display:none}
.owned-device-hint{margin:2px 0 10px;padding:12px 14px;border:1px solid #dbe6fa;border-radius:12px;color:#53627a;background:#f5f8ff;font-size:.8rem;line-height:1.5}
.owned-brand-grid .field{min-width:0}
.owned-brand-grid select,.owned-device-editor select{width:100%;min-height:44px;padding:0 12px;border:1px solid #dfe5ee;border-radius:10px;color:var(--ink);background:#fff;font:inherit;font-size:.88rem}
.owned-brand-grid select:focus,.owned-device-editor select:focus{outline:3px solid #0875e120;border-color:#8094ff}
.owned-component-list{display:grid;gap:9px}
.owned-component-row{display:grid;grid-template-columns:minmax(105px,150px) repeat(auto-fit,minmax(110px,1fr));align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.owned-component-row>span{color:#34435c;font-size:.82rem;font-weight:800}
.owned-component-row select{min-width:0;min-height:42px;font-size:.8rem}
.owned-component-row select:disabled{color:#96a1b4;background:#f5f7fa}
.owned-extra-components{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.owned-extra-components summary{color:#3d5275;font-size:.82rem;font-weight:800;cursor:pointer}
.owned-component-list-extra{margin-top:12px}
.saved-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.saved-device-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,#fff,#fbfcff)}
.saved-device-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.saved-device-type{color:var(--blue);font-size:.62rem;font-weight:850;letter-spacing:.09em}
.saved-device-card h3{margin:5px 0 0;color:var(--ink);font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.saved-device-actions{display:flex;flex:0 0 auto;gap:6px}
.saved-device-actions .secondary-button{min-height:34px}
.saved-device-actions [data-delete-owned-device]{color:#a33b47}
.saved-device-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}
.saved-device-details>div{min-width:0;padding:9px 10px;border-radius:10px;background:#f4f6fa}
.saved-device-details dt{color:#7c899f;font-size:.65rem;font-weight:700}
.saved-device-details dd{margin:4px 0 0;color:#24334d;font-size:.76rem;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.saved-device-no-details{margin:14px 0 0;color:var(--muted);font-size:.78rem}
.saved-device-empty{display:grid;justify-items:center;gap:8px;padding:30px 18px;border:1px dashed #d5dce8;border-radius:15px;color:var(--muted);text-align:center}
.saved-device-empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:var(--blue);background:#edf1ff;font-size:1.35rem}
.saved-device-empty strong{color:var(--ink);font-size:.9rem}
.saved-device-empty p{max-width:360px;margin:0;font-size:.78rem;line-height:1.5}
@media(max-width:680px){.saved-device-grid{grid-template-columns:1fr}}
@media(max-width:680px){.owned-component-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.owned-component-row>span{grid-column:1/-1}.owned-component-row select{min-height:44px}.owned-component-row select[data-owned-device-variant],.owned-component-row select[data-owned-device-attribute],.owned-gpu-row select{grid-column:1/-1}}
@media(max-width:520px){.owned-device-editor{padding:14px}.saved-device-card{padding:14px}.saved-device-card-top{flex-direction:column}.saved-device-actions{width:100%}.saved-device-actions button{flex:1}.saved-device-details{gap:6px}.saved-device-details>div{padding:8px}.owned-component-row{padding:9px}.owned-component-row>span{font-size:.77rem}.owned-component-row select{padding-inline:8px;font-size:.74rem}}

/* Account overview focuses on saved data instead of repeating the side navigation. */
.profile-account-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d5efe3;border-radius:999px;color:#16734f;background:#effaf5;font-size:.72rem;font-weight:760;white-space:nowrap}
.profile-account-status i{font-size:.78rem}
.profile-overview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.profile-stat-card{display:flex;min-width:0;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#fbfcff)}
.profile-stat-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:14px;color:#0875e1;background:#edf3ff;font-size:1.05rem}
.profile-stat-icon-green{color:#16805c;background:#eaf8f1}
.profile-stat-copy{display:grid;min-width:0;gap:4px}
.profile-stat-copy small{color:#7d8aa0;font-size:.62rem;font-weight:850;letter-spacing:.1em}
.profile-stat-copy strong{color:var(--ink);font-size:1.35rem;line-height:1.1;letter-spacing:-.04em}
.profile-stat-copy>span{overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.profile-overview-next{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:19px;border:1px solid #dbe6fa;border-radius:16px;background:linear-gradient(110deg,#f4f8ff,#f8fbff)}
.profile-overview-next-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#1688ee,#3157e8);box-shadow:0 7px 16px #0875e126}
.profile-overview-next strong{color:var(--ink);font-size:.9rem;font-weight:820}
.profile-overview-next p{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}
.profile-overview-next>a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:9px;padding:0 14px;border-radius:11px;color:#fff;background:#0875e1;font-size:.73rem;font-weight:780;text-decoration:none;white-space:nowrap;transition:background .16s,transform .16s}
.profile-overview-next>a:hover{transform:translateY(-1px);background:#0756b8}
.profile-overview-next>a:focus-visible{outline:3px solid #0875e144;outline-offset:3px}
.profile-panel[data-profile-panel="overview"] .profile-notice{margin-top:16px}
@media(max-width:680px){.profile-overview-stats{gap:8px;margin:18px 0}.profile-stat-card{align-items:flex-start;flex-direction:column;gap:10px;padding:13px}.profile-stat-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:.9rem}.profile-stat-copy strong{font-size:1.12rem}.profile-stat-copy>span{font-size:.66rem}.profile-overview-next{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px}.profile-overview-next-icon{width:38px;height:38px;border-radius:12px}.profile-overview-next strong{font-size:.83rem}.profile-overview-next p{font-size:.72rem}.profile-overview-next>a{grid-column:1/-1;width:100%;min-height:42px}}

/* Mobile account dashboard refinements */
@media(max-width:520px){
  .profile-page .account-shell{gap:8px;padding:14px 14px 26px}
  .profile-page .account-intro{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding-bottom:12px}
  .profile-page .account-brand{font-size:.84rem;gap:7px}
  .profile-page .account-brand .brand-mark{width:34px;height:34px;border-radius:11px}
  .profile-page .account-intro h1{margin:13px 0 5px;font-size:clamp(1.7rem,7.5vw,2.05rem);line-height:1.05}
  .profile-page .account-intro p{margin:0;font-size:.78rem;line-height:1.45}
  .profile-page .profile-top-actions{max-width:145px;padding:7px 9px;border-radius:11px}
  .profile-page .profile-top-actions span{font-size:.66rem;line-height:1.3;overflow-wrap:anywhere}
  .profile-nav{gap:5px;padding:9px 10px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .profile-nav-item{min-height:36px;padding:0 10px;border:1px solid #e6ebf4;border-radius:999px;background:#fff;font-size:.72rem;scroll-snap-align:start}
  .profile-nav-item[aria-current="page"]{border-color:#d7e2ff;background:#edf1ff}
  .profile-signout{margin-left:0}
  .profile-workspace{padding:20px 14px}
  .profile-panel .profile-section-heading{margin-bottom:18px}
  .profile-panel .profile-section-heading h2{font-size:1.3rem;line-height:1.2}
  .profile-panel .profile-section-heading p{font-size:.8rem;line-height:1.5}
  .profile-overview-grid{gap:8px;margin-top:17px}
  .profile-overview-card{grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;min-height:68px;padding:10px 11px;border-radius:13px}
  .overview-card-icon{width:36px;height:36px;border-radius:11px;font-size:1rem}
  .profile-overview-card strong{font-size:.82rem;line-height:1.3}
  .profile-overview-card small{margin-top:3px;font-size:.72rem;line-height:1.35}
  .overview-arrow{font-size:.95rem}
  .profile-notice{margin-top:12px;font-size:.72rem}
}
@media(max-width:360px){
  .profile-page .account-shell{padding-inline:10px}
  .profile-page .account-brand{font-size:.76rem}
  .profile-page .account-intro h1{font-size:1.65rem}
  .profile-page .profile-top-actions{max-width:125px}
  .profile-nav-item{padding-inline:8px;font-size:.68rem}
}
@media(max-width:680px){
  .profile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding:12px;border-bottom:1px solid var(--line);scroll-snap-type:none}
  .profile-nav-title{display:block;grid-column:1/-1;margin:0;padding:2px 3px 3px}
  .profile-nav-group-title{display:block;grid-column:1/-1;margin:7px 3px 0;padding:0;color:#8a96aa;font-size:.62rem;letter-spacing:.09em}
  .profile-nav-item{display:flex;width:100%;min-width:0;min-height:44px;align-items:center;gap:8px;padding:7px 9px;border:1px solid #e6ebf4;border-radius:12px;background:#fff;font-size:.74rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
  .profile-nav-icon{display:grid;flex:0 0 23px;width:23px;height:23px;border-radius:7px;color:#4069c8;background:#f2f5ff;font-size:.92rem}
  .profile-nav-item[aria-current="page"]{border-color:#d7e2ff;color:#0756B8;background:#edf1ff}
  .profile-nav-item[aria-current="page"] .profile-nav-icon{color:#0756B8;background:#fff}
  .profile-nav a.profile-nav-item:hover{transform:none}
  .profile-signout{grid-column:1/-1;margin:1px 0 0;color:#a33b47;background:#fff8f8}
}