.settings-panel{
	max-width:420px;
	margin:18px auto 0;
	background: #0f1724; /* dark card background */
	border-radius: 28px;
	padding: 28px 26px;
	box-shadow: 0 6px 20px rgba(2,6,23,0.6);
	color: #e6eef8;
}

.settings-panel h2{ text-align:center; margin:0 0 12px; color:#fff; font-size:1.1rem }

.settings-row{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.settings-label{color:rgba(255,255,255,0.6);font-weight:600;font-size:0.85rem}
.settings-value{color:#ffffff;font-weight:700;font-size:1.02rem}

.settings-actions{margin-top:18px;display:flex;gap:10px;justify-content:center}

.settings-form{margin-top:16px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.04)}
.settings-form h3{margin:0 0 10px 0;color:#fff}
.settings-form .form-group{margin-bottom:12px}

.settings-form input[type="text"],
.settings-form input[type="email"],
.settings-form input[type="password"]{
	width:100%;
	padding:10px 12px;
	border-radius:10px;
	border:1px solid rgba(255,255,255,0.06);
	background: rgba(255,255,255,0.03);
	color:#fff;
}

/* input with icon (eye) */
.input-with-icon{position:relative}
.input-with-icon input{padding-right:42px;box-sizing:border-box}
.input-with-icon .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:rgba(255,255,255,0.6);cursor:pointer;padding:6px;border-radius:6px;height:32px;width:32px;display:flex;align-items:center;justify-content:center;z-index:2}
.input-with-icon .password-toggle:focus{outline:none;box-shadow:0 0 0 3px rgba(36,50,74,0.12)}
.input-with-icon .password-toggle i{font-size:0.95rem;pointer-events:none}

/* Override: make Add New Recipe button orange specifically */
#profileAddRecipeBtn{
	background: linear-gradient(90deg, #ff7a00, #ff9a2a) !important;
	color: #fff !important;
	box-shadow: 0 6px 18px rgba(255,122,0,0.12) !important;
	border: none !important;
	transition: transform 180ms cubic-bezier(.2,.9,.2,1), box-shadow 180ms ease, background 180ms ease;
}
#profileAddRecipeBtn:hover{
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(255,122,0,0.18) !important;
}

/* Disable highlight on trash icon (do not change color/background on hover) */
.btn-icon.btn-danger,
.recipe-card .btn-icon.btn-danger,
.recipe-card-editable .btn-icon.btn-danger {
	background: transparent !important;
	color: #ff6b35 !important;
	box-shadow: none !important;
	transition: background 180ms ease, transform 120ms ease, color 120ms ease;
}
/* subtle highlight on hover: warm translucent glow, not red block */
.btn-icon.btn-danger:hover,
.recipe-card .btn-icon.btn-danger:hover,
.recipe-card-editable .btn-icon.btn-danger:hover {
	background: rgba(255,122,0,0.06) !important;
	color: #ff6b35 !important;
	transform: translateY(-1px);
}

/* Make Save / Send buttons orange in settings forms */
#savePasswordSettings,
#saveNameSettings,
#saveEmailSettings,
#confirmEmailSettings,
.settings-form .btn-primary {
	background: linear-gradient(90deg, #ff7a00, #ff9a2a) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 6px 18px rgba(255,122,0,0.12) !important;
	transition: transform 180ms cubic-bezier(.2,.9,.2,1), box-shadow 180ms ease, background 180ms ease;
}
#savePasswordSettings:hover,
#saveNameSettings:hover,
#saveEmailSettings:hover,
#confirmEmailSettings:hover,
.settings-form .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(255,122,0,0.18) !important;
}

.form-actions{display:flex;gap:10px;margin-top:10px;justify-content:center}

.btn{padding:10px 14px;border-radius:999px;border:1px solid transparent;cursor:pointer}
.btn:hover{opacity:.95}
.btn-primary{background:#24324a;color:#fff;border-color:rgba(255,255,255,0.04);box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15)}
.btn-secondary{background:transparent;color:#e6eef8;border:1px solid rgba(255,255,255,0.06)}
.btn-danger{background:#ef4444;color:#fff}

/* Save button as in design */
.settings-save{
	width:220px;
	margin:16px auto 0;
	display:block;
	text-align:center;
	padding:10px 16px;
	border-radius:999px;
	background:#24324a;color:#fff;border:1px solid rgba(255,255,255,0.04)
}

@media(max-width:640px){
	.settings-panel{margin:12px;padding:18px}
}

/* password toggle removed - styles kept minimal */
/* Removed .input-with-icon and .password-toggle rules as icons were removed */