/* =========================================================
   WAVE ACCOUNT PAGE
========================================================= */
.auth-message {
    display: none;
    margin-bottom: 18px;
    padding: 11px 13px;
    border-radius: 12px;
    font-size: 10px;
    line-height: 1.5;
}

.auth-message.show {
    display: block;
}

.auth-message[data-type="error"] {
    background: #fff2f2;
    color: #a33a3a;
    border: 1px solid #f1d4d4;
}

.auth-message[data-type="success"] {
    background: #effaf5;
    color: #1a7651;
    border: 1px solid #d3ecdf;
}

.auth-message[data-type="info"] {
    background: #f1f8fb;
    color: #477185;
    border: 1px solid #dbeaf0;
}

.auth-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    color: #718591;
    font-size: 10px;
}

.auth-check input {
    width: auto;
    height: auto;
}


/* =========================================================
   PREMIUM ACCOUNT CONTRAST FIXES
========================================================= */

.account-section {
    color: #102a43;
}

.account-form-panel,
.account-form-panel h2,
.account-form-panel h3,
.account-form-panel p,
.auth-form p,
.auth-note,
.auth-field label,
.auth-check,
.account-status p {
    color: #18384f;
}

.account-form-panel {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #d8e7ed;
    box-shadow: 0 28px 70px rgba(6, 44, 73, 0.12);
}

.auth-field input {
    color: #062c49 !important;
    background: #ffffff !important;
    border: 1px solid #bfd3dc !important;
}

.auth-field input::placeholder {
    color: #78909d !important;
}

.auth-field input:focus {
    border-color: #087ea4 !important;
    box-shadow: 0 0 0 4px rgba(8, 126, 164, 0.10) !important;
}

.auth-tabs {
    background: #eef7fa;
}

.auth-tab {
    color: #31546b !important;
}

.auth-tab.active {
    background: #ffffff !important;
    color: #062c49 !important;
    box-shadow: 0 7px 18px rgba(6, 44, 73, 0.08);
}

.auth-submit {
    color: #ffffff !important;
    background: linear-gradient(135deg, #087ea4, #062c49) !important;
}

.account-actions a,
.account-actions button {
    color: #087ea4 !important;
}

.account-actions button {
    background: transparent !important;
}

/* =========================================================
   ACCOUNT FORM ENHANCEMENTS
========================================================= */

.auth-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.auth-inline-link,
.auth-back-link {
    border: none;
    background: transparent;
    color: #087ea4;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.auth-inline-link:hover,
.auth-back-link:hover {
    color: #062c49;
}

.password-wrap {
    position: relative;
}

.password-wrap input {
    padding-right: 44px !important;
}

.password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #587384;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

.password-toggle:hover {
    color: #087ea4;
}

.password-strength {
    margin-top: 6px;
    color: #5d7788;
    font-size: 9px;
    line-height: 1.45;
}

.auth-back-link {
    display: block;
    margin: 14px auto 0;
}

.auth-form[data-mode="forgot"] {
    display: none;
}

.auth-form[data-mode="forgot"].active {
    display: block;
}


.account-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.account-quick-card{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid rgba(6,44,73,.08);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(6,44,73,.06);color:#062c49;transition:transform .25s ease,box-shadow .25s ease}.account-quick-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(6,44,73,.09)}.account-quick-card i{font-size:16px;color:#087ea4}.account-quick-card strong{font-size:11px}.account-quick-card span{font-size:9px;color:#7b8f9b}@media(max-width:720px){.account-quick-grid{grid-template-columns:1fr}}


/* =========================================================
   WAVE ACCOUNT — PREMIUM FINAL PASS
========================================================= */
.account-section{background:radial-gradient(circle at 10% 10%,rgba(54,189,232,.13),transparent 34%),linear-gradient(135deg,#f7fbfd 0%,#edf7fa 48%,#f8fbfc 100%);min-height:calc(100vh - 76px);padding:70px 20px 90px}
.account-shell-premium{max-width:1180px;display:grid;grid-template-columns:1fr 520px;gap:34px;align-items:stretch}
.account-brand-premium{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:650px;padding:56px;border-radius:34px;background:linear-gradient(145deg,#062c49 0%,#075b7d 58%,#087ea4 100%);color:#fff;box-shadow:0 35px 90px rgba(6,44,73,.22)}
.account-brand-premium h1{position:relative;z-index:2;font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-3px;margin:16px 0 22px}.account-brand-premium h1 span{color:#8ee7ff}.account-brand-premium p{position:relative;z-index:2;max-width:520px;color:rgba(255,255,255,.76);font-size:15px;line-height:1.8}.account-brand-orb{position:absolute;width:500px;height:500px;right:-180px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(142,231,255,.28),transparent 68%);border:1px solid rgba(255,255,255,.12)}
.account-benefits{position:relative;z-index:2;display:grid;gap:14px;margin-top:38px}.account-benefits>div{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.account-benefits i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(142,231,255,.14);color:#8ee7ff}.account-benefits span{display:grid;gap:3px}.account-benefits strong{font-size:12px}.account-benefits small{font-size:10px;color:rgba(255,255,255,.66)}
.account-form-panel-premium{padding:36px;border-radius:30px;box-shadow:0 30px 80px rgba(6,44,73,.14);border:1px solid rgba(6,44,73,.08)}.account-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.account-panel-kicker{font-size:9px;letter-spacing:.18em;font-weight:800;color:#087ea4}.account-panel-top h2{font-family:Manrope,Arial,sans-serif;font-size:27px;margin:6px 0 0;color:#062c49}.account-live-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#eefaf5;color:#18724f;font-size:9px;font-weight:800}.account-live-badge i{font-size:6px}.auth-form-intro{display:flex;align-items:center;gap:13px;margin:24px 0}.auth-form-intro h3{margin:0;color:#062c49;font-family:Manrope,Arial,sans-serif;font-size:18px}.auth-form-intro p{margin:4px 0 0;color:#718591;font-size:11px}.auth-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e9f8fc;color:#087ea4}.auth-input{position:relative;display:flex;align-items:center}.auth-input>i:first-child{position:absolute;left:14px;color:#77909e;font-size:12px;z-index:2}.auth-input input{padding-left:40px!important;min-height:50px!important;border-radius:14px!important}.password-wrap .password-toggle{right:7px}.auth-field{margin-top:16px}.auth-field label span{font-weight:500;color:#8a9ba4}.account-name-grid{gap:12px}.auth-submit{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin-top:20px;border:0;border-radius:15px;cursor:pointer;font-weight:800;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,opacity .2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(6,44,73,.18)}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}.auth-submit-link{text-decoration:none}.auth-secondary{min-height:46px;padding:0 18px;border:1px solid #d7e5eb;border-radius:13px;background:#fff;color:#087ea4;font-weight:800;cursor:pointer}.auth-trust-row{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:#80939d;font-size:9px}.auth-trust-row i{color:#087ea4;margin-right:5px}.password-strength,.password-match{min-height:16px;margin-top:6px;font-size:9px;color:#708692}.password-match[data-state="match"]{color:#16805a}.password-match[data-state="error"]{color:#b42318}.auth-message{border-radius:14px!important;font-size:11px!important;padding:12px 14px!important}.account-status-avatar{width:58px;height:58px;border-radius:18px;background:#e9f8fc;color:#087ea4;display:grid;place-items:center;font-size:20px;margin-bottom:12px}.account-status h3{font-size:22px!important}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-back-link{border:0;background:transparent;color:#087ea4;font-weight:800;cursor:pointer;margin:15px auto 0;display:block}.auth-back-link:hover{color:#062c49}.auth-form[data-mode="forgot"],.auth-form[data-mode="reset"]{display:none}.auth-form[data-mode="forgot"].active,.auth-form[data-mode="reset"].active{display:block}
@media(max-width:900px){.account-shell-premium{grid-template-columns:1fr}.account-brand-premium{min-height:auto;padding:42px}.account-brand-premium h1{font-size:48px}.account-form-panel-premium{padding:28px}}
@media(max-width:560px){.account-section{padding:35px 12px 60px}.account-brand-premium{padding:30px 24px;border-radius:25px}.account-brand-premium h1{font-size:39px;letter-spacing:-2px}.account-form-panel-premium{padding:22px 17px;border-radius:23px}.account-name-grid{grid-template-columns:1fr}.auth-trust-row{flex-direction:column}.account-panel-top h2{font-size:23px}}


/* WAVE PROFILE EDITOR */
.profile-editor{margin-top:24px;padding:20px;border:1px solid #dce8e3;border-radius:22px;background:linear-gradient(145deg,#fbfefd,#f5faf8);box-shadow:0 16px 38px rgba(18,45,35,.06)}
.profile-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profile-editor-head h3{margin:4px 0 5px;color:#183027;font-size:20px}.profile-editor-head p{margin:0;color:#718079;font-size:12px;line-height:1.6;max-width:560px}.profile-editor-body{margin-top:20px;padding-top:20px;border-top:1px solid #e0eae5}.profile-photo-row{display:flex;align-items:center;gap:18px;margin-bottom:20px}.profile-avatar-large{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#073d5a,#0a86a9);color:#fff;font-size:28px;box-shadow:0 12px 28px rgba(6,44,73,.18)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-photo-row strong{display:block;color:#183027;font-size:14px}.profile-photo-row p{margin:4px 0 10px;color:#718079;font-size:11px}.profile-upload{display:inline-flex;cursor:pointer}.profile-upload input{display:none}.profile-upload span,.profile-remove{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #cfe0d8;border-radius:10px;background:#fff;color:#235541;font-size:11px;font-weight:700;cursor:pointer}.profile-remove{margin-left:6px;color:#8c4039}.profile-password-gate{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:#eef8f3;color:#24543f;margin:16px 0}.profile-password-gate i{margin-top:2px}.profile-password-gate strong,.profile-password-gate span{display:block}.profile-password-gate strong{font-size:12px}.profile-password-gate span{font-size:10px;line-height:1.5;margin-top:3px;color:#668074}.profile-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.profile-editor-actions .auth-submit{border:0;min-height:46px;padding:0 18px}.profile-editor-body[hidden]{display:none}.profile-editor .auth-secondary{min-height:42px}
@media(max-width:600px){.profile-editor-head{flex-direction:column}.profile-photo-row{align-items:flex-start}.profile-remove{margin:8px 0 0 0}.profile-editor-actions{flex-direction:column-reverse}.profile-editor-actions>*{width:100%}}
