/* ---- Signup name grid (first/last side by side) ---- */
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.name-grid input{width:100%;border:1px solid #d8dfd8;border-radius:9px;background:white;padding:15px 16px;font:inherit;font-size:14px;outline:none;transition:.2s}
.name-grid input:focus{border-color:#5b806e;box-shadow:0 0 0 3px rgba(91,128,110,.13)}

/* ---- Profile icon + dropdown (dashboard nav, right of Sign out) ---- */
.nav-actions{display:flex;align-items:center;gap:12px}
.profile-menu{position:relative;z-index:50}
.profile-menu.is-open{z-index:20000 !important}
.profile-button{border:1px solid rgba(245,245,237,.35);border-radius:50%;background:transparent;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;padding:0;transition:.2s}
.profile-button:hover{border-color:#b9d969;background:rgba(185,217,105,.12)}
.profile-avatar,.profile-avatar-lg{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#b9d969;color:#173d35;font:700 15px 'DM Sans',sans-serif}
.profile-avatar-lg{width:38px;height:38px;font-size:16px}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:250px;border:1px solid #e1e7df;border-radius:13px;background:#fff;box-shadow:0 18px 44px rgba(10,30,25,.22);padding:8px;z-index:20000 !important}
.profile-dropdown-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;border-bottom:1px solid #edf1ec;margin-bottom:6px}
.profile-dropdown-id{min-width:0}
.profile-dropdown-id strong{display:block;font-size:13.5px;color:#17221e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-dropdown-id small{display:block;color:#718078;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:9px;background:transparent;color:#304039;padding:10px 11px;font:600 13px 'DM Sans',sans-serif;cursor:pointer;text-align:left}
.profile-dropdown-item:hover{background:#e7f2df;color:#173d35}
.profile-dropdown-ico{font-size:15px}

/* ---- Settings page ---- */
.settings-wrap{max-width:760px;margin:0 auto;padding:26px 0 60px}
.settings-title{font-family:Manrope,sans-serif;font-size:clamp(34px,5vw,52px);letter-spacing:-.05em;margin:0 0 30px}
.settings-back{display:inline-flex;align-items:center;gap:8px;margin:-18px 0 26px;padding:8px 16px;border:1px solid rgba(23,61,53,.18);border-radius:999px;background:rgba(255,255,255,.6);color:#173d35;font:600 13px/1 Manrope,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.settings-back:hover{background:#fff;border-color:rgba(23,61,53,.35);transform:translateX(-2px)}
.settings-grid{display:flex;flex-direction:column;gap:18px}
.settings-card{border:1px solid #dce4da;border-radius:15px;background:#fff;padding:22px 24px;box-shadow:0 10px 26px rgba(23,61,53,.05)}
.settings-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.settings-card-head h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.02em;margin:0 0 4px}
.settings-card-head p{color:#718078;font-size:12.5px;line-height:1.5;margin:0}
.settings-ico{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#e7f2df;color:#275e50;font-size:19px}
.settings-ico.activation{background:#fdf3d0;color:#8a6a12}
.settings-ico.danger{background:#f8e5e2;color:#8b3c31}
.settings-form{display:flex;flex-direction:column;gap:14px}
.settings-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-field label{display:block;color:#304039;font-size:11.5px;font-weight:700;margin:0 0 7px}
.settings-field input{width:100%;border:1px solid #d8dfd8;border-radius:9px;background:#fff;padding:12px 13px;font:inherit;font-size:13.5px;outline:none;transition:.2s}
.settings-field input:focus{border-color:#5b806e;box-shadow:0 0 0 3px rgba(91,128,110,.13)}
.settings-field input:disabled{background:#f4f6f1;color:#718078;cursor:not-allowed}
.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:4px}
.settings-status{font-size:12.5px;font-weight:600}
.settings-status.success{color:#376238}
.settings-status.error{color:#8b3c31}
.settings-save{border:0;border-radius:9px;background:#173d35;color:#fff;padding:11px 20px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}
.settings-save:hover{background:#24564b;transform:translateY(-1px)}
.settings-save:disabled{opacity:.6;cursor:wait}
.activation-display{display:flex;flex-direction:column;gap:6px}
.activation-code-text{align-self:flex-start;font-family:'DM Mono','SFMono-Regular',Consolas,monospace;font-size:15px;font-weight:700;letter-spacing:.16em;background:#f4f6f1;border:1px dashed #cfdacf;border-radius:9px;padding:11px 15px;color:#173d35}
.activation-date{color:#718078;font-size:12px}
.settings-card.settings-danger{border-color:#ecd2cd;background:linear-gradient(135deg,#fff 0%,#fdf7f5 100%)}
.danger-button{border:1px solid #c9766a;border-radius:9px;background:#fff;color:#8b3c31;padding:11px 18px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}
.danger-button:hover{background:#8b3c31;border-color:#8b3c31;color:#fff}
.danger-button:disabled{opacity:.5;cursor:not-allowed}

/* ---- Delete-account modal ---- */
.delete-modal input{width:100%;border:1px solid #d8dfd8;border-radius:9px;background:#fff;padding:13px 14px;font:inherit;font-size:14px;letter-spacing:.08em;outline:none;margin:0 0 16px}
.delete-modal input:focus{border-color:#c9766a;box-shadow:0 0 0 3px rgba(139,60,49,.14)}
.delete-modal-copy{color:#506158;font-size:13px;line-height:1.6;margin:0 0 12px}
.delete-modal-error{color:#8b3c31;font-size:12.5px;font-weight:600;margin:10px 0 0}

@media(max-width:640px){
  .settings-name-row{grid-template-columns:1fr}
  .settings-actions{flex-direction:column-reverse;align-items:stretch}
  .profile-dropdown{width:220px}
}