/* ==========================================================================
   HECH customer panel (Plato User Panel) — Apple-style liquid glass
   Loaded only on /panel and /plato-user-panel/* (see hech-admin.php).
   ========================================================================== */
:root {
	--hp-navy: #1d2643;
	--hp-navy-d: #0f1426;
	--hp-orange: #ff7b00;
	--hp-olive: #83a031;
	--hp-ink: #1b2238;
	--hp-muted: #6b7189;
	--hp-edge: rgba(255, 255, 255, .5);
	--hp-blur: blur(26px) saturate(180%);
}

html body { background: var(--hp-navy-d) !important; }
.plato-user-panel, .plato-user-panel *:not(.material-symbols-rounded):not([class*="dashicons"]) {
	font-family: "HECH Admin", YekanBakh, IRANSansX, Tahoma, sans-serif !important;
}

/* Site footer is not part of the panel; keep only the mobile bottom bar (it is fixed). */
footer.elementor-5696 {
	position: fixed !important;
	height: 0 !important;
	overflow: visible !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
footer.elementor-5696 #mobile-bottom-menu { visibility: visible !important; pointer-events: auto !important; }

/* ==================== Login ==================== */
html body .plato-user-panel.plato-logout { min-height: 100vh; min-height: 100dvh; background: transparent !important; }
html body .plato-user-panel.plato-logout > .plato-row { margin: 0 !important; min-height: 100vh; min-height: 100dvh; }
html body .plato-user-panel.plato-logout .plato-login-content {
	position: relative;
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 32px 18px 150px !important;
	background-size: cover !important;
	background-position: center !important;
}
html body .plato-user-panel.plato-logout .plato-login-content::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(110% 70% at 50% 0%, rgba(15, 20, 38, .05), rgba(15, 20, 38, .55)),
		linear-gradient(180deg, rgba(15, 20, 38, .15), rgba(15, 20, 38, .5));
	pointer-events: none;
}
html body .plato-user-panel.plato-logout .plato-login-content > * { position: relative; z-index: 1; }
html body .plato-user-panel.plato-logout .plato-login-content > .plato-col-12 {
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: 420px !important;
	padding: 0 !important;
}

html body .plato-user-panel .plato-login-content form#plato-login-form,
html body .plato-user-panel.plato-logout.plato-login-classic .plato-login-content form {
	position: relative;
	overflow: hidden;
	margin: 0 !important;
	padding: 34px 28px 30px !important;
	border-radius: 32px !important;
	background: rgba(255, 255, 255, .16) !important;
	border: 1px solid var(--hp-edge) !important;
	-webkit-backdrop-filter: var(--hp-blur);
	backdrop-filter: var(--hp-blur);
	box-shadow: 0 30px 80px rgba(8, 12, 30, .45), inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 0 rgba(255, 255, 255, .12) !important;
	color: #fff;
}
html body .plato-user-panel form#plato-login-form::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(140deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, 0) 42%);
	pointer-events: none;
}
html body .plato-user-panel form#plato-login-form > * { position: relative; }

html body .plato-user-panel .login-logo {
	display: grid !important;
	place-items: center !important;
	width: 92px;
	height: 92px;
	margin: 0 auto 16px;
	border-radius: 28px;
	background: rgba(255, 255, 255, .24);
	border: 1px solid rgba(255, 255, 255, .55);
	box-shadow: 0 12px 30px rgba(8, 12, 30, .25), inset 0 1px 0 rgba(255, 255, 255, .7);
}
html body .plato-user-panel .login-logo { padding: 0 !important; line-height: 0; }
html body .plato-user-panel .login-logo img { width: 68px !important; max-width: 68px !important; height: auto !important; max-height: 60px !important; margin: 0 !important; object-fit: contain; display: block; }

html body .plato-user-panel .plato-form-title,
html body .plato-user-panel.plato-login-classic .plato-form-title {
	margin: 0 0 6px !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	text-align: center;
	color: #fff !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	text-shadow: 0 2px 12px rgba(8, 12, 30, .35);
}
html body .plato-user-panel .hg-sub { margin: 0 0 24px; text-align: center; color: rgba(255, 255, 255, .85); font-size: 14px; }

html body .plato-user-panel .plato-form-row { margin: 0 0 14px !important; padding: 0 !important; background: none !important; border: 0 !important; }
html body .plato-user-panel .plato-form-row label {
	display: block;
	padding: 0 4px 8px !important;
	color: rgba(255, 255, 255, .92) !important;
	font-size: 14px !important;
	font-weight: 600;
}
html body .plato-user-panel .plato-required { color: #ffb36b !important; }

html body .plato-user-panel #plato-login-form input[type="text"],
html body .plato-user-panel #plato-login-form input[type="tel"],
html body .plato-user-panel #plato-login-form input[type="number"],
html body .plato-user-panel #plato-login-form input[type="password"],
html body .plato-user-panel #plato-username {
	width: 100% !important;
	height: 56px !important;
	padding: 0 18px !important;
	border-radius: 18px !important;
	border: 1px solid rgba(255, 255, 255, .6) !important;
	background: rgba(255, 255, 255, .85) !important;
	box-shadow: inset 0 1px 3px rgba(8, 12, 30, .1) !important;
	color: var(--hp-navy) !important;
	font-size: 19px !important;
	letter-spacing: .06em;
	text-align: center;
	direction: ltr;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}
html body .plato-user-panel #plato-login-form input:focus {
	border-color: var(--hp-orange) !important;
	box-shadow: 0 0 0 4px rgba(255, 123, 0, .3), inset 0 1px 3px rgba(8, 12, 30, .1) !important;
}
html body .plato-user-panel #plato-login-form input::placeholder { color: rgba(29, 38, 67, .38); letter-spacing: .04em; }

html body .plato-user-panel #plato-login-form input[type="submit"],
html body .plato-user-panel #plato-login-form button,
html body .plato-user-panel #plato-login-otp-btn {
	width: 100% !important;
	height: 56px !important;
	margin-top: 4px;
	border: 0 !important;
	border-radius: 18px !important;
	background: linear-gradient(180deg, #ff9a3d, #ff7b00 55%, #e86a00) !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	cursor: pointer;
	box-shadow: 0 14px 30px rgba(255, 123, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
	transition: transform .2s, box-shadow .2s, filter .2s;
}
html body .plato-user-panel #plato-login-form input[type="submit"]:hover,
html body .plato-user-panel #plato-login-form button:hover { transform: translateY(-1px); filter: brightness(1.05); }

html body .plato-user-panel .plato-login-footer { list-style: none; margin: 18px 0 0 !important; padding: 0 !important; text-align: center; color: #fff !important; }
html body .plato-user-panel .plato-login-footer li { display: inline-block; margin: 0; }
html body .plato-user-panel .plato-login-footer a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 22px !important;
	border-radius: 99px !important;
	background: rgba(255, 255, 255, .16) !important;
	border: 1px solid rgba(255, 255, 255, .5) !important;
	-webkit-backdrop-filter: blur(18px) saturate(170%);
	backdrop-filter: blur(18px) saturate(170%);
	color: #fff !important;
	font-size: 14px;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(8, 12, 30, .2), inset 0 1px 0 rgba(255, 255, 255, .45);
}
html body .plato-user-panel .plato-login-footer a:hover { background: rgba(255, 255, 255, .26) !important; }

/* ==================== Logged-in panel ==================== */
html body .plato-user-panel.plato-logged-in { background: transparent !important; color: var(--hp-ink); }
html body .plato-user-panel.plato-logged-in::before {
	content: "";
	position: fixed;
	inset: -60px;
	z-index: -1;
	background:
		linear-gradient(180deg, rgba(15, 20, 38, .62), rgba(15, 20, 38, .8)),
		var(--hp-bg, none) center / cover no-repeat,
		var(--hp-navy-d);
	filter: blur(24px) saturate(140%);
}
html body .plato-user-panel.plato-logged-in::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(circle 420px at 85% 10%, rgba(255, 123, 0, .22), transparent 70%),
		radial-gradient(circle 380px at 10% 90%, rgba(131, 160, 49, .22), transparent 70%);
}
html body .plato-user-panel.plato-logged-in .plato-container,
html body .plato-user-panel.plato-logged-in .plato-container-inner,
html body .plato-user-panel.plato-logged-in .plato-content,
html body .plato-user-panel.plato-logged-in .plato-content-inner { background: transparent !important; }
html body .plato-user-panel.plato-logged-in .plato-container { margin-bottom: 0 !important; }

/* Top bar */
html body .plato-user-panel .plato-topnav {
	background: rgba(255, 255, 255, .1) !important;
	-webkit-backdrop-filter: var(--hp-blur);
	backdrop-filter: var(--hp-blur);
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 20px !important;
	box-shadow: 0 10px 30px rgba(8, 12, 30, .25), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
	color: #fff !important;
}
html body .plato-user-panel .plato-topnav a,
html body .plato-user-panel .plato-topnav .material-symbols-rounded { color: #fff !important; }

/* Sidebar */
html body .plato-user-panel .plato-sidenav {
	background: rgba(20, 27, 48, .55) !important;
	-webkit-backdrop-filter: blur(30px) saturate(170%);
	backdrop-filter: blur(30px) saturate(170%);
	border-inline-start: 1px solid rgba(255, 255, 255, .12) !important;
	box-shadow: 0 0 40px rgba(8, 12, 30, .35) !important;
	color: #fff !important;
}
html body .plato-user-panel .plato-sidenav .plato-brand-logo,
html body .plato-user-panel .plato-sidenav .plato-brand-logo span { color: #fff !important; font-weight: 800; }
html body .plato-user-panel .plato-sidenav .plato-brand-logo { border-bottom: 1px solid rgba(255, 255, 255, .1) !important; }
html body .plato-user-panel .plato-sidenav .plato-avatar,
html body .plato-user-panel .plato-sidenav .plato-sidenav-content .plato-avatar {
	margin: 14px 6px 18px !important;
	padding: 16px 14px !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 20px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25) !important;
	text-align: center;
}
html body .plato-user-panel .plato-sidenav .plato-display-name strong,
html body .plato-user-panel .plato-sidenav strong.plato-display-name { color: #fff !important; font-size: 16px; font-weight: 800; }
html body .plato-user-panel .plato-sidenav .plato-user-email { display: block; margin-top: 4px; color: rgba(255, 255, 255, .7) !important; direction: ltr; letter-spacing: .04em; }

html body .plato-user-panel .plato-sidenav-item { margin: 2px 6px !important; }
html body .plato-user-panel .plato-sidenav-item > a {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 9px 12px !important;
	border-radius: 16px !important;
	color: rgba(255, 255, 255, .86) !important;
	background: transparent !important;
	transition: background .2s, transform .2s;
}
html body .plato-user-panel .plato-sidenav-item > a:hover { background: rgba(255, 255, 255, .09) !important; transform: translateX(-2px); }
html body .plato-user-panel .plato-sidenav-item.plato-active > a {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(255, 123, 0, .95), rgba(255, 154, 61, .88)) !important;
	box-shadow: 0 10px 24px rgba(255, 123, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}
html body .plato-user-panel .plato-sidenav-item .plato-icon {
	display: grid !important;
	place-items: center;
	flex: none;
	width: 34px;
	height: 34px;
	margin: 0 !important;
	border-radius: 11px;
	background: rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
}
html body .plato-user-panel .plato-sidenav-item .plato-icon .material-symbols-rounded { color: #ffc48c !important; font-size: 20px !important; line-height: 1; }
html body .plato-user-panel .plato-sidenav-item.plato-active .plato-icon { background: rgba(255, 255, 255, .24); }
html body .plato-user-panel .plato-sidenav-item.plato-active .plato-icon .material-symbols-rounded { color: #fff !important; }
html body .plato-user-panel .plato-sidenav-item .plato-text { background: none !important; padding: 0 !important; color: inherit !important; font-weight: 600; }
html body .plato-user-panel .plato-sidenav-item .plato-text::before,
html body .plato-user-panel .plato-sidenav-item .plato-text::after { display: none !important; }
html body .plato-user-panel .plato-sidenav-item-logout > a { color: #ffb3a8 !important; }
html body .plato-user-panel .plato-sidenav-item-logout .plato-icon .material-symbols-rounded { color: #ff8f7d !important; }

/* Content */
html body .plato-user-panel .card-section-title { display: flex !important; align-items: center; gap: 12px; color: #fff !important; font-size: 22px !important; font-weight: 800 !important; margin: 6px 4px 16px !important; text-shadow: 0 2px 12px rgba(8, 12, 30, .35); }
html body .plato-user-panel .card-section-title::before,
html body .plato-user-panel .card-section-title::after { display: none !important; content: none !important; }
html body .plato-user-panel .card-section-title .hg-title-icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 14px;
	font-size: 22px;
	font-weight: 400;
	text-shadow: none;
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 123, 0, .95), rgba(255, 154, 61, .88));
	box-shadow: 0 10px 22px rgba(255, 123, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .45);
}
/* The dashboard's outer container only wraps its own cards: keep it transparent there.
   On every other panel page it is the page's only card (forms, tables…), so it stays glass. */
html body .plato-user-panel .plato-section-dashboard > .plato-section-container.plato-card,
html body .plato-user-panel .plato-section-container.plato-card:has(> .my-account-dashboard) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
html body .plato-user-panel .plato-section-container.plato-card:not(:has(> .my-account-dashboard)) { padding: 24px !important; }
html body .plato-user-panel .plato-card {
	background: rgba(255, 255, 255, .8) !important;
	-webkit-backdrop-filter: var(--hp-blur);
	backdrop-filter: var(--hp-blur);
	border: 1px solid rgba(255, 255, 255, .65) !important;
	border-radius: 24px !important;
	box-shadow: 0 20px 50px rgba(8, 12, 30, .28), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
	color: var(--hp-ink);
}
html body .plato-user-panel .plato-widget-title,
html body .plato-user-panel .plato-widget-title span { color: var(--hp-navy) !important; font-size: 19px !important; font-weight: 800 !important; }

html body .plato-user-panel .plato-widget-panel.plato-card.plato-widget-panel-message {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(131, 160, 49, .92), rgba(93, 116, 32, .9)) !important;
	border: 1px solid rgba(255, 255, 255, .4) !important;
	box-shadow: 0 20px 50px rgba(8, 12, 30, .3), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
	color: #fff !important;
}
html body .plato-user-panel .plato-widget-panel-message::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle 260px at 12% 0%, rgba(255, 255, 255, .28), transparent 70%), radial-gradient(circle 220px at 100% 100%, rgba(255, 123, 0, .3), transparent 70%);
	pointer-events: none;
}
html body .plato-user-panel .plato-widget-panel-message > * { position: relative; }
html body .plato-user-panel .plato-widget-panel-message .plato-widget-title,
html body .plato-user-panel .plato-widget-panel-message .plato-widget-title span { color: #fff !important; font-size: 21px !important; }
html body .plato-user-panel .plato-widget-panel-message p { color: rgba(255, 255, 255, .92) !important; line-height: 2; margin-bottom: 0; }

html body .plato-user-panel .plato-widget-panel.plato-card.plato-widget-panel-posts { margin-top: 22px !important; border: 1px solid rgba(255, 255, 255, .65) !important; }
html body .plato-user-panel .plato-widget-panel-posts table { border-collapse: separate; border-spacing: 0 8px; width: 100%; }
html body .plato-user-panel .plato-widget-panel-posts tr { transition: transform .2s; }
html body .plato-user-panel .plato-widget-panel-posts tr td { background: rgba(255, 255, 255, .55); border: 0 !important; padding: 10px 14px !important; vertical-align: middle; }
html body .plato-user-panel .plato-widget-panel-posts tr td:first-child { border-radius: 0 16px 16px 0; }
html body .plato-user-panel .plato-widget-panel-posts tr td:last-child { border-radius: 16px 0 0 16px; color: var(--hp-muted); direction: ltr; white-space: nowrap; font-size: 13px; }
html body .plato-user-panel .plato-widget-panel-posts tr:hover td { background: rgba(255, 255, 255, .92); }
html body .plato-user-panel .plato-widget-panel-posts tr td:nth-child(1) img,
html body .plato-user-panel .plato-widget-panel-posts tr td img {
	width: 60px !important;
	height: 60px !important;
	max-width: 60px !important;
	object-fit: cover;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 16px !important;
	box-shadow: 0 6px 16px rgba(8, 12, 30, .18);
}
html body .plato-user-panel .plato-widget-panel-posts a { color: var(--hp-navy) !important; font-weight: 600; text-decoration: none; }
html body .plato-user-panel .plato-widget-panel-posts a:hover { color: var(--hp-orange) !important; }

/* Headings and text inside cards */
html body .plato-user-panel .plato-card h1, html body .plato-user-panel .plato-card h2,
html body .plato-user-panel .plato-card h3, html body .plato-user-panel .plato-card h4,
html body .plato-user-panel .plato-card h5, html body .plato-user-panel .plato-card h6,
html body .plato-user-panel .plato-card .plato-subtitle { color: var(--hp-navy) !important; font-weight: 800 !important; }
html body .plato-user-panel .plato-card .plato-subtitle {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 22px 0 12px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(29, 38, 67, .1);
	font-size: 16px !important;
}
html body .plato-user-panel .plato-card .plato-subtitle::before { content: ""; width: 6px; height: 18px; border-radius: 4px; background: linear-gradient(180deg, #ff9a3d, var(--hp-orange)); }
html body .plato-user-panel .plato-card label { color: var(--hp-ink) !important; font-weight: 600; }
html body .plato-user-panel .plato-card .description,
html body .plato-user-panel .plato-card small { color: var(--hp-muted) !important; }
html body .plato-user-panel .plato-widget-panel-message h1, html body .plato-user-panel .plato-widget-panel-message h2,
html body .plato-user-panel .plato-widget-panel-message h3, html body .plato-user-panel .plato-widget-panel-message h4 { color: #fff !important; }

/* Profile photo (edit profile page) */
html body .plato-user-panel .plato-profile-avatar { display: flex; align-items: center; gap: 18px; padding: 6px 0 8px; }
html body .plato-user-panel .plato-profile-avatar > div:first-child { flex: none; }
html body .plato-user-panel .plato-profile-avatar img,
html body .plato-user-panel .plato-profile-avatar .avatar {
	display: block !important;
	width: 96px !important;
	height: 96px !important;
	border-radius: 50% !important;
	object-fit: cover;
	border: 3px solid #fff !important;
	box-shadow: 0 0 0 3px rgba(255, 123, 0, .55), 0 12px 28px rgba(8, 12, 30, .25) !important;
}
html body .plato-user-panel .plato-profile-avatar > div:last-child > div:first-child { color: var(--hp-navy) !important; font-size: 19px; font-weight: 800; }
html body .plato-user-panel .plato-profile-avatar > div:last-child > div:nth-child(2) { color: var(--hp-muted); font-size: 13px; margin: 4px 0 10px; }
/* Sidebar photo */
html body .plato-user-panel .plato-sidenav .plato-avatar img,
html body .plato-user-panel .plato-sidenav .plato-avatar .avatar {
	display: block !important;
	width: 76px !important;
	height: 76px !important;
	margin: 0 auto 10px !important;
	border-radius: 50% !important;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, .8) !important;
	box-shadow: 0 0 0 3px rgba(255, 123, 0, .5), 0 10px 24px rgba(8, 12, 30, .35) !important;
}
/* Plato buttons (upload / remove / save) */
html body .plato-user-panel .plato-button { border: 0 !important; border-radius: 12px !important; padding: 8px 18px !important; font-weight: 700; box-shadow: none; }
html body .plato-user-panel .plato-button-primary { background: linear-gradient(180deg, #ff9a3d, var(--hp-orange)) !important; color: #fff !important; box-shadow: 0 8px 18px rgba(255, 123, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .4) !important; }
html body .plato-user-panel .plato-button-gray { background: rgba(29, 38, 67, .08) !important; color: var(--hp-navy) !important; }

/* Avatar upload window */
html body .plato-modal-avatar .plato-modal-body {
	background: rgba(255, 255, 255, .9) !important;
	-webkit-backdrop-filter: var(--hp-blur);
	backdrop-filter: var(--hp-blur);
	border: 1px solid rgba(255, 255, 255, .75) !important;
	border-radius: 26px !important;
	box-shadow: 0 30px 80px rgba(8, 12, 30, .45), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
	padding: 26px !important;
}
html body .plato-modal-avatar .plato-modal-body > svg { cursor: pointer; opacity: .6; }
html body .plato-modal-avatar .plato-user-panel { background: transparent !important; min-height: 0 !important; }
html body .plato-modal-avatar form {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin: 0 !important;
	padding: 26px 20px !important;
	border: 2px dashed rgba(29, 38, 67, .18) !important;
	border-radius: 20px !important;
	background: rgba(243, 244, 248, .7) !important;
}
html body .plato-modal-avatar form img.hg-avatar-preview {
	width: 128px !important;
	height: 128px !important;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #fff;
	box-shadow: 0 0 0 3px rgba(255, 123, 0, .55), 0 14px 30px rgba(8, 12, 30, .25);
}
html body .plato-modal-avatar .hg-file-name { font-size: 12.5px; color: var(--hp-muted); direction: ltr; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .plato-modal-avatar #plato-select-avatar { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
html body .plato-modal-avatar form button[type="submit"] {
	width: 100%;
	height: 48px;
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, #ff9a3d, var(--hp-orange)) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 800;
	box-shadow: 0 10px 22px rgba(255, 123, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
	cursor: pointer;
}
html body .plato-modal-avatar form button[type="submit"]:disabled { background: rgba(29, 38, 67, .14) !important; color: rgba(29, 38, 67, .45) !important; box-shadow: none !important; cursor: not-allowed; }

/* Generic panel pages: tables, forms, buttons */
html body .plato-user-panel.plato-logged-in table th { background: rgba(29, 38, 67, .06); color: var(--hp-navy); }
html body .plato-user-panel.plato-logged-in input[type="text"],
html body .plato-user-panel.plato-logged-in input[type="email"],
html body .plato-user-panel.plato-logged-in input[type="tel"],
html body .plato-user-panel.plato-logged-in input[type="password"],
html body .plato-user-panel.plato-logged-in select,
html body .plato-user-panel.plato-logged-in textarea {
	border-radius: 14px !important;
	border: 1px solid rgba(29, 38, 67, .14) !important;
	background: rgba(255, 255, 255, .85) !important;
}
html body .plato-user-panel.plato-logged-in input:focus,
html body .plato-user-panel.plato-logged-in select:focus,
html body .plato-user-panel.plato-logged-in textarea:focus { border-color: var(--hp-orange) !important; box-shadow: 0 0 0 3px rgba(255, 123, 0, .2) !important; outline: none; }
html body .plato-user-panel.plato-logged-in .plato-btn,
html body .plato-user-panel.plato-logged-in button[type="submit"],
html body .plato-user-panel.plato-logged-in input[type="submit"],
html body .plato-user-panel.plato-logged-in .button {
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, #ff9a3d, #ff7b00) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(255, 123, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}

/* Mobile */
@media (max-width: 991px) {
	html body .plato-user-panel .plato-sidenav { background: rgba(20, 27, 48, .82) !important; }
	html body .plato-user-panel.plato-logged-in .plato-content { padding-bottom: 130px !important; }
	html body .plato-user-panel .plato-topnav { margin: 10px !important; }
	html body .plato-user-panel .plato-widget-panel-posts tr td:last-child { display: none !important; }
	html body .plato-user-panel.plato-logged-in .plato-content { padding-inline: 10px !important; padding-bottom: 130px !important; }
	html body .plato-user-panel.plato-logged-in .plato-content-inner { padding: 0 !important; }
	/* Posts: one compact row per post (image + title) */
	html body .plato-user-panel .plato-widget-panel-posts table,
	html body .plato-user-panel .plato-widget-panel-posts tbody { display: block !important; border-spacing: 0; }
	html body .plato-user-panel .plato-widget-panel-posts tr {
		display: flex !important;
		align-items: center;
		gap: 12px;
		margin: 0 0 8px;
		padding: 10px;
		border-radius: 18px;
		background: rgba(255, 255, 255, .6);
	}
	html body .plato-user-panel .plato-widget-panel-posts tr td {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		text-align: right;
	}
	html body .plato-user-panel .plato-widget-panel-posts tr td:first-child { flex: none; }
	html body .plato-user-panel .plato-widget-panel-posts tr td img { width: 56px !important; height: 56px !important; }
	html body .plato-user-panel .plato-widget-panel-posts a { font-size: 14px; line-height: 1.7; }
	html body .plato-user-panel .plato-card { border-radius: 22px !important; }
}
@media (max-width: 480px) {
	html body .plato-user-panel .plato-login-content form#plato-login-form { padding: 28px 20px 24px !important; border-radius: 28px !important; }
	html body .plato-user-panel .plato-form-title { font-size: 23px !important; }
}
html body .plato-modal-avatar form label[for="plato-select-avatar"] { background: rgba(29, 38, 67, .08) !important; color: var(--hp-navy) !important; box-shadow: none !important; cursor: pointer; }