/* Profile layout follows the selected storefront palette. */
#profile-content{max-width:860px;margin:0 auto;padding:12px 0 24px}
#profile-section .profile-page-heading{margin:8px 0 24px}
#profile-section .profile-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--text-muted)}
#profile-section .profile-page-heading h1{margin:9px 0;font-size:clamp(28px,5vw,38px);line-height:1.2;color:var(--text-main);letter-spacing:-1px}
#profile-section .profile-page-heading p,#profile-section .profile-panel-heading p{margin:8px 0 0;color:var(--text-muted);font-size:13px;line-height:1.65}
#profile-section .profile-header{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:0 0 24px;padding:26px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:22px;text-align:left;box-shadow:0 8px 28px #00000005}
#profile-section .profile-avatar{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;border-radius:20px;background:var(--cream);color:var(--text-main);border:1px solid var(--border-color)}
#profile-section .profile-avatar svg{width:32px;height:32px}
#profile-section .profile-identity{flex:1;min-width:0}
#profile-section .profile-name{font-family:inherit;font-size:24px;line-height:1.3;letter-spacing:-.5px;margin:7px 0 10px;color:var(--text-main);overflow-wrap:anywhere}
#profile-section .profile-contacts{display:flex;flex-wrap:wrap;gap:6px 18px}
#profile-section .profile-phone,#profile-section .profile-email{font-size:13px;line-height:1.6;margin:0;opacity:1;color:var(--text-muted);overflow-wrap:anywhere;max-width:100%}
#profile-section .profile-contacts>div:empty{display:none}
#profile-section .add-to-home-btn{margin:0;width:100%;justify-content:center;border:1px solid var(--border-color);border-radius:12px;background:var(--cream);color:var(--text-main);font-size:13px;min-height:44px;box-shadow:none}
#profile-section .profile-tabs{gap:6px;padding:5px;margin-bottom:18px;border:1px solid var(--border-color);background:var(--cream);border-radius:15px;box-shadow:none}
#profile-section .profile-tab{font-family:inherit;border:0;background:transparent;min-height:46px;color:var(--text-muted);border-radius:10px;transition:background .2s,color .2s}
#profile-section .profile-tab.active{background:var(--card-bg);color:var(--text-main);box-shadow:0 2px 6px #0000000a}
#profile-section .profile-tab:focus-visible,#profile-section button:focus-visible{outline:2px solid var(--text-main);outline-offset:3px}
#profile-section .history-list{padding:24px;border:1px solid var(--border-color);border-radius:20px;background:var(--card-bg)}
#profile-section .profile-panel-heading{margin-bottom:20px}
#profile-section .profile-panel-heading h2{margin:0;font-family:inherit;font-size:19px;color:var(--text-main);letter-spacing:-.3px}
#profile-section .history-inner-tabs{margin-bottom:18px;gap:8px}
#profile-section .history-inner-tab{min-height:44px;font-family:inherit}
#profile-section .empty-state{padding:36px 12px}
#profile-section .empty-state-icon{font-size:32px;margin-bottom:14px}
#profile-section .empty-state-text{font-size:14px;line-height:1.7;color:var(--text-muted)}
#profile-section #profile-history-support{margin-top:22px;padding-top:18px;border-top:1px solid var(--border-color)}
#profile-section .design-grid{gap:14px}
#profile-section .design-card{box-shadow:none;border-radius:15px}
#profile-section .design-card-info{padding:14px}
#profile-section .design-card-desc{color:var(--text-muted);line-height:1.5}
#profile-auth-prompt>div{background:var(--card-bg)!important;border:1px solid var(--border-color);color:var(--text-main)}
#profile-auth-prompt h2{color:var(--text-main)!important}
#profile-auth-prompt p{color:var(--text-muted)!important}
@media(max-width:480px){#profile-content{padding-top:4px}#profile-section .profile-header{padding:20px 16px;gap:14px}#profile-section .profile-avatar{width:50px;height:50px;border-radius:16px}#profile-section .profile-name{font-size:21px}#profile-section .history-list{padding:20px 14px}#profile-section .design-preview{height:92px}#profile-section .design-card-info{padding:10px}}