/**
 * InnerG Profile widget — member dashboard. Logical properties throughout
 * (inset-inline-*, margin-inline-*, text-align: start) so the mirrored
 * layout under dir="rtl" needs no separate ruleset, matching the
 * convention established for auth.css/sections.css.
 */

.innerg-profile {
	background: var( --background );
}

/* ---- Header band ---- */

.innerg-profile__header-band {
	background: var( --brand-dark, #2b291a );
	color: var( --background );
}

.innerg-profile__waiver-alert {
	background: #b3261e;
	color: #fff;
	font-size: 0.8125rem;
	text-align: center;
	padding-block: 0.625rem;
	padding-inline: 1.5rem;
}

.innerg-profile__header-top {
	max-width: 80rem;
	margin-inline: auto;
	padding: 3rem 1.5rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	align-items: center;
}

@media ( min-width: 768px ) {
	.innerg-profile__header-top {
		grid-template-columns: auto 1fr auto;
	}
}

.innerg-profile__avatar {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background: rgba( 255, 255, 255, 0.1 );
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var( --font-serif );
	font-size: 1.5rem;
}

.innerg-profile__member-since {
	font-size: 0.625rem;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var( --accent );
	margin-block-end: 0.5rem;
}

.innerg-profile__name {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.875rem;
	margin: 0 0 0.75rem;
}

@media ( min-width: 768px ) {
	.innerg-profile__name {
		font-size: 2.25rem;
	}
}

.innerg-profile__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.innerg-profile__plan-badge {
	font-size: 0.625rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	background: var( --accent );
	color: #fff;
	padding: 0.25rem 0.75rem;
}

.innerg-profile__member-id {
	font-size: 0.625rem;
	color: rgba( 255, 255, 255, 0.5 );
}

.innerg-profile__header-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem;
}

@media ( min-width: 768px ) {
	.innerg-profile__header-actions {
		align-items: flex-end;
	}
}

.innerg-profile__edit-trigger {
	border: 1px solid rgba( 255, 255, 255, 0.2 );
	background: none;
	color: var( --background );
	font-size: 0.625rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.625rem 1.25rem;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.innerg-profile__edit-trigger:hover {
	border-color: var( --accent );
	color: var( --accent );
}

.innerg-profile__sign-out {
	font-size: 0.625rem;
	color: rgba( 255, 255, 255, 0.4 );
	text-decoration: none;
	transition: color 0.2s ease;
}

.innerg-profile__sign-out:hover {
	color: rgba( 255, 255, 255, 0.7 );
}

.innerg-profile__stat-strip {
	border-block-start: 1px solid rgba( 255, 255, 255, 0.1 );
	max-width: 80rem;
	margin-inline: auto;
	padding-inline: 1.5rem;
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
}

@media ( min-width: 768px ) {
	.innerg-profile__stat-strip {
		grid-template-columns: repeat( 4, 1fr );
	}
}

.innerg-profile__stat {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	border-inline-end: 1px solid rgba( 255, 255, 255, 0.1 );
}

.innerg-profile__stat:nth-child( 2n ) {
	border-inline-end: none;
}

@media ( min-width: 768px ) {
	.innerg-profile__stat:nth-child( 2n ) {
		border-inline-end: 1px solid rgba( 255, 255, 255, 0.1 );
	}
	.innerg-profile__stat:last-child {
		border-inline-end: none;
	}
}

.innerg-profile__stat-value {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.25rem;
	margin: 0;
}

.innerg-profile__stat-label {
	font-size: 0.625rem;
	color: rgba( 255, 255, 255, 0.4 );
	margin: 0;
}

/* ---- Body: nav + content ---- */

.innerg-profile__body {
	max-width: 80rem;
	margin-inline: auto;
	padding: 3rem 1.5rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
}

@media ( min-width: 1024px ) {
	.innerg-profile__body {
		grid-template-columns: 220px 1fr;
	}
}

.innerg-profile__nav {
	display: flex;
	flex-direction: row;
	gap: 0.25rem;
	overflow-x: auto;
}

@media ( min-width: 1024px ) {
	.innerg-profile__nav {
		flex-direction: column;
	}
}

.innerg-profile__tab {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	font-size: 0.75rem;
	white-space: nowrap;
	text-align: start;
	flex-shrink: 0;
	background: none;
	border: none;
	color: var( --muted-foreground );
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.innerg-profile__tab.is-active {
	background: var( --brand-dark, #2b291a );
	color: var( --background );
}

.innerg-profile__tab:hover:not( .is-active ) {
	background: var( --secondary );
	color: var( --foreground );
}

.innerg-profile__nav-signout {
	display: none;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	font-size: 0.75rem;
	color: var( --muted-foreground );
	text-decoration: none;
	margin-block-start: 1rem;
	transition: color 0.2s ease;
}

@media ( min-width: 1024px ) {
	.innerg-profile__nav-signout {
		display: flex;
	}
}

.innerg-profile__nav-signout:hover {
	color: #ef4444;
}

.innerg-profile__content {
	min-width: 0;
}

.innerg-profile__section {
	margin-block-end: 2.5rem;
}

.innerg-profile__section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block-end: 1.5rem;
}

.innerg-profile__edit-actions {
	display: flex;
	gap: 0.5rem;
}

.innerg-profile__eyebrow {
	font-size: 0.625rem;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var( --accent );
	margin: 0 0 0.25rem;
}

.innerg-profile__heading {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.5rem;
	margin: 0;
}

.innerg-profile__heading--lg {
	font-size: 1.875rem;
	margin-block-end: 2rem;
}

.innerg-profile__subheading {
	font-size: 0.625rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var( --muted-foreground );
	margin: 0 0 1rem;
}

.innerg-profile__section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.innerg-profile__section-header .innerg-profile__subheading {
	margin: 0;
}

/* ---- Personal details grid ---- */

.innerg-profile__fields-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	background: var( --border );
}

@media ( min-width: 640px ) {
	.innerg-profile__fields-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.innerg-profile__field {
	background: var( --background );
	padding: 1.25rem;
}

.innerg-profile__field-label {
	font-size: 0.625rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var( --muted-foreground );
	margin: 0 0 0.5rem;
}

.innerg-profile__field-display {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

.innerg-profile__field-input {
	width: 100%;
	box-sizing: border-box;
	background: var( --secondary );
	border: 1px solid var( --border );
	padding: 0.5rem 0.75rem;
	font: inherit;
	font-size: 0.875rem;
	color: var( --foreground );
}

.innerg-profile__field-input:focus {
	outline: none;
	border-color: var( --brand-dark, #2b291a );
}

/* ---- Instructor card ---- */

.innerg-profile__instructor-card {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	background: var( --secondary );
	padding: 1.5rem;
}

.innerg-profile__instructor-photo {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.innerg-profile__instructor-name {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.125rem;
	margin: 0 0 0.125rem;
}

.innerg-profile__instructor-role {
	font-size: 0.75rem;
	color: var( --muted-foreground );
	margin: 0 0 0.5rem;
}

.innerg-profile__instructor-links {
	display: flex;
	gap: 0.75rem;
	margin-block-end: 0.75rem;
}

.innerg-profile__instructor-links a {
	font-size: 0.6875rem;
	color: var( --accent );
	text-decoration: none;
}

.innerg-profile__instructor-links a:hover {
	text-decoration: underline;
}

/* ---- Recommendation banner ---- */

.innerg-profile__recommendation {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: var( --secondary );
	border-inline-start: 3px solid var( --accent );
	padding: 1.25rem 1.5rem;
}

@media ( min-width: 640px ) {
	.innerg-profile__recommendation {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

.innerg-profile__recommendation-text {
	font-size: 0.875rem;
	margin: 0;
}

/* ---- Achievements ---- */

.innerg-profile__badges-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	background: var( --border );
}

@media ( min-width: 640px ) {
	.innerg-profile__badges-grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( min-width: 900px ) {
	.innerg-profile__badges-grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

.innerg-profile__badge {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	background: var( --background );
	padding: 1.25rem;
}

.innerg-profile__badge:not( .is-earned ) {
	background: color-mix( in oklab, var( --secondary ) 50%, var( --background ) );
}

.innerg-profile__badge-icon {
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
	margin-block-start: 0.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var( --border );
	color: var( --muted-foreground );
}

.innerg-profile__badge-icon.is-earned {
	background: var( --accent );
	color: #fff;
}

.innerg-profile__badge-title {
	font-size: 0.875rem;
	font-weight: 600;
	margin: 0 0 0.125rem;
}

.innerg-profile__badge:not( .is-earned ) .innerg-profile__badge-title {
	color: var( --muted-foreground );
}

.innerg-profile__badge-desc {
	font-size: 0.625rem;
	color: var( --muted-foreground );
	margin: 0;
}

.innerg-profile__fun-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-block-start: 1rem;
}

.innerg-profile__fun-fact {
	font-size: 0.6875rem;
	color: var( --muted-foreground );
	border: 1px solid var( --border );
	padding: 0.375rem 0.75rem;
}

/* ---- Bookings ---- */

.innerg-profile__booking-list,
.innerg-profile__past-list {
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: var( --border );
}

.innerg-profile__booking-row {
	background: var( --background );
	padding: 1.25rem;
	display: grid;
	grid-template-columns: 3.5rem 1fr auto;
	align-items: center;
	gap: 1rem;
	transition: background-color 0.2s ease;
}

.innerg-profile__booking-row:hover {
	background: color-mix( in oklab, var( --secondary ) 40%, var( --background ) );
}

.innerg-profile__booking-day {
	font-size: 0.625rem;
	font-weight: 700;
	color: var( --accent );
	margin: 0;
}

.innerg-profile__booking-time {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.125rem;
	margin: 0;
}

.innerg-profile__booking-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block-end: 0.25rem;
}

.innerg-profile__tag {
	font-size: 0.5625rem;
	padding: 0.125rem 0.5rem;
}

.innerg-profile__waitlist-badge {
	font-size: 0.5625rem;
	padding: 0.125rem 0.5rem;
	background: #fde68a;
	color: #92400e;
}

.innerg-profile__livestream-badge {
	font-size: 0.5625rem;
	padding: 0.125rem 0.5rem;
	background: var( --accent );
	color: #fff;
}

.innerg-profile__booking-class {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

.innerg-profile__booking-instructor,
.innerg-profile__geo-note {
	font-size: 0.6875rem;
	color: var( --muted-foreground );
	margin: 0.125rem 0 0;
}

.innerg-profile__past-row {
	background: var( --background );
	padding: 1.25rem;
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 1rem;
	transition: background-color 0.2s ease;
}

.innerg-profile__past-row:hover {
	background: color-mix( in oklab, var( --secondary ) 40%, var( --background ) );
}

.innerg-profile__past-instructor {
	font-size: 0.875rem;
	margin: 0;
}

.innerg-profile__past-date,
.innerg-profile__past-duration {
	font-size: 0.6875rem;
	color: var( --muted-foreground );
}

.innerg-profile__csat-btn {
	background: none;
	border: 1px solid var( --accent );
	color: var( --accent );
	font-size: 0.625rem;
	padding: 0.375rem 0.75rem;
	cursor: pointer;
	white-space: nowrap;
}

.innerg-profile__csat-done {
	font-size: 0.6875rem;
	color: var( --muted-foreground );
}

.innerg-profile__load-more-wrap {
	text-align: center;
	margin-block-start: 1.5rem;
}

/* ---- Membership ---- */

.innerg-profile__plan-card {
	background: var( --brand-dark, #2b291a );
	color: var( --background );
	padding: 2.5rem;
	margin-block-end: 1.5rem;
}

.innerg-profile__plan-card-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-block-end: 1.5rem;
}

.innerg-profile__plan-active-label {
	font-size: 0.5625rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var( --accent );
	display: block;
	margin-block-end: 0.5rem;
}

.innerg-profile__plan-name {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 2rem;
	margin: 0;
}

.innerg-profile__plan-price {
	text-align: end;
}

.innerg-profile__plan-price-value {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.5rem;
	margin: 0;
}

.innerg-profile__plan-price-period {
	font-size: 0.625rem;
	color: rgba( 255, 255, 255, 0.5 );
	margin: 0;
}

.innerg-profile__plan-meta {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: 1.25rem;
	border-block-start: 1px solid rgba( 255, 255, 255, 0.1 );
	padding-block-start: 1.5rem;
	margin-block-end: 1.5rem;
}

@media ( min-width: 640px ) {
	.innerg-profile__plan-meta {
		grid-template-columns: repeat( 3, 1fr );
	}
}

.innerg-profile__plan-meta-label {
	font-size: 0.625rem;
	color: rgba( 255, 255, 255, 0.4 );
	margin: 0 0 0.25rem;
}

.innerg-profile__plan-meta-value {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

.innerg-profile__plan-features {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
}

@media ( min-width: 768px ) {
	.innerg-profile__plan-features {
		grid-template-columns: 1fr 1fr;
	}
}

.innerg-profile__plan-features li {
	font-size: 0.75rem;
	color: rgba( 255, 255, 255, 0.7 );
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.innerg-profile__plan-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.innerg-profile__payment-card,
.innerg-profile__orders-card {
	background: var( --background );
	border: 1px solid var( --border );
	padding: 2rem;
	margin-block-end: 1.5rem;
}

.innerg-profile__payment-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.innerg-profile__card-name {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

.innerg-profile__card-expiry {
	font-size: 0.625rem;
	color: var( --muted-foreground );
	margin: 0.125rem 0 0;
}

.innerg-profile__card-warning {
	font-size: 0.6875rem;
	color: #b3261e;
	margin: 0.375rem 0 0;
}

.innerg-profile__orders-list {
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: var( --border );
}

.innerg-profile__order-row {
	background: var( --background );
	padding: 1rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.innerg-profile__order-desc {
	font-size: 0.875rem;
	margin: 0;
}

.innerg-profile__order-date {
	font-size: 0.625rem;
	color: var( --muted-foreground );
	margin: 0.125rem 0 0;
}

.innerg-profile__order-amount {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

/* ---- Notifications ---- */

.innerg-profile__notification-list {
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: var( --border );
}

.innerg-profile__notification {
	background: color-mix( in oklab, var( --secondary ) 30%, var( --background ) );
	padding: 1.25rem;
	display: flex;
	gap: 1rem;
}

.innerg-profile__notification.is-highlighted {
	background: var( --background );
}

.innerg-profile__notification-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	margin-block-start: 0.5rem;
	flex-shrink: 0;
	background: transparent;
}

.innerg-profile__notification.is-highlighted .innerg-profile__notification-dot {
	background: var( --accent );
}

.innerg-profile__notification-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-block-end: 0.25rem;
}

.innerg-profile__notification-title {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0;
}

.innerg-profile__notification:not( .is-highlighted ) .innerg-profile__notification-title {
	color: var( --muted-foreground );
}

.innerg-profile__notification-time {
	font-size: 0.625rem;
	color: var( --muted-foreground );
	white-space: nowrap;
	margin: 0;
}

.innerg-profile__notification-body {
	font-size: 0.75rem;
	color: var( --muted-foreground );
	line-height: 1.5;
	margin: 0;
}

/* ---- Settings toggles ---- */

.innerg-profile__toggle-list {
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: var( --border );
	margin-block-end: 1.5rem;
}

.innerg-profile__toggle-row {
	background: var( --background );
	padding: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

.innerg-profile__toggle-label {
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0 0 0.125rem;
}

.innerg-profile__toggle-desc {
	font-size: 0.625rem;
	color: var( --muted-foreground );
	margin: 0;
}

.innerg-profile__toggle {
	width: 2.5rem;
	height: 1.25rem;
	position: relative;
	flex-shrink: 0;
	background: var( --border );
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.innerg-profile__toggle.is-on {
	background: var( --brand-dark, #2b291a );
}

.innerg-profile__toggle-knob {
	position: absolute;
	inset-block-start: 0.125rem;
	inset-inline-start: 0.125rem;
	width: 1rem;
	height: 1rem;
	background: var( --background );
	transition: inset-inline-start 0.2s ease;
}

.innerg-profile__toggle.is-on .innerg-profile__toggle-knob {
	inset-inline-start: calc( 100% - 1.125rem );
}

.innerg-profile__account-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem;
	border-block-start: 1px solid var( --border );
	padding-block-start: 1.5rem;
}

/* ---- Modals ---- */

.innerg-profile__modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	background: rgba( 43, 41, 26, 0.6 );
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

/* The plain class selector above has higher specificity than the browser's
   own default `[hidden] { display: none }` rule, so it silently overrides
   it — a modal marked `hidden` in the markup would still render as a
   fullscreen flex overlay. This re-asserts hidden's effect whenever the
   attribute is present, restoring open/close behavior. */
.innerg-profile__modal[hidden] {
	display: none;
}

.innerg-profile__modal-card {
	background: var( --background );
	border: 1px solid var( --border );
	padding: 2rem;
	width: 100%;
	max-width: 24rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.innerg-profile__modal-card h3 {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.25rem;
	margin: 0 0 0.5rem;
}

.innerg-profile__row input {
	width: 100%;
	box-sizing: border-box;
	background: var( --secondary );
	border: 1px solid var( --border );
	padding: 0.625rem 0.75rem;
	font: inherit;
	font-size: 0.875rem;
	color: var( --foreground );
}

.innerg-profile__modal-feedback {
	font-size: 0.75rem;
	color: #b3261e;
	min-height: 1em;
	margin: 0;
}

.innerg-profile__modal-actions {
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	margin-block-start: 0.5rem;
}

/* ---- Footer CTA ---- */

.innerg-profile__footer-cta {
	background: var( --secondary );
	border-block-start: 1px solid var( --border );
	padding: 2.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	align-items: flex-start;
	justify-content: space-between;
}

@media ( min-width: 768px ) {
	.innerg-profile__footer-cta {
		flex-direction: row;
		align-items: center;
	}
}

.innerg-profile__footer-cta-text {
	font-family: var( --font-serif );
	font-weight: 500;
	font-size: 1.125rem;
	margin: 0;
}

.innerg-profile__footer-cta-actions {
	display: flex;
	gap: 0.75rem;
}

/* ---- Shared buttons ---- */

.innerg-profile__btn-outline,
.innerg-profile__btn-solid,
.innerg-profile__btn-accent,
.innerg-profile__btn-danger,
.innerg-profile__link-btn {
	font-size: 0.6875rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0.625rem 1.25rem;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	white-space: nowrap;
}

.innerg-profile__btn-outline {
	background: none;
	border: 1px solid var( --border );
	color: var( --muted-foreground );
}

.innerg-profile__btn-outline:hover {
	border-color: var( --brand-dark, #2b291a );
	color: var( --foreground );
}

.innerg-profile__btn-solid {
	background: var( --brand-dark, #2b291a );
	border: 1px solid var( --brand-dark, #2b291a );
	color: #fff;
}

.innerg-profile__btn-solid:hover {
	background: var( --accent );
	border-color: var( --accent );
}

.innerg-profile__btn-accent {
	background: var( --accent );
	border: 1px solid var( --accent );
	color: #fff;
}

.innerg-profile__btn-accent:hover {
	opacity: 0.85;
}

.innerg-profile__btn-danger {
	background: none;
	border: 1px solid #fecaca;
	color: #ef4444;
}

.innerg-profile__btn-danger:hover {
	border-color: #ef4444;
	background: #ef4444;
	color: #fff;
}

.innerg-profile__link-btn {
	background: none;
	border: none;
	padding: 0;
	color: var( --muted-foreground );
	font-weight: 500;
}

.innerg-profile__link-btn:hover {
	color: var( --foreground );
}