.solarxin-projects,
.solarxin-project-detail {
	color: #242424;
	max-width: 100%;
	min-width: 0;
}

.solarxin-projects h3,
.solarxin-project-detail h2,
.solarxin-project-detail h3,
.solarxin-project-detail h4,
.solarxin-projects .sx-order__title,
.solarxin-project-detail .sx-order__title {
	color: #242424;
}

.solarxin-project-card-options {
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 5px 16px;
	margin-top: 7px;
}

.solarxin-project-card-options small {
	color: #8d8d8d;
	font-size: inherit;
}

.woocommerce-MyAccount-navigation-link--solarxin-projects a,
.solarxin-projects .sx-order__link,
.solarxin-projects .sx-order__title a,
.solarxin-project-detail .sx-order__link,
.solarxin-project-detail .sx-order__title a {
	color: #242424 !important;
}

.solarxin-projects .sx-row {
	margin-bottom: 28px;
}

.solarxin-projects .sx-row h3 {
	margin: 0;
}

.solarxin-projects .sx-orders,
.solarxin-project-detail .sx-orders {
	display: grid;
	gap: 16px;
}

.solarxin-projects .sx-order,
.solarxin-project-detail .sx-order {
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 16px;
	color: #242424;
	padding: 20px;
}

.solarxin-projects .sx-order__top,
.solarxin-project-detail .sx-order__top {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.solarxin-projects .sx-order__meta,
.solarxin-project-detail .sx-order__meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.solarxin-projects .sx-muted,
.solarxin-project-detail .sx-muted {
	color: #9a9a9a;
}

.solarxin-projects .sx-order__link,
.solarxin-project-detail .sx-order__link {
	font-weight: 700;
	text-decoration: none;
}

.solarxin-projects .sx-order__body,
.solarxin-project-detail .sx-order__body {
	align-items: center;
	display: flex;
	gap: 18px;
	margin-top: 20px;
}

.solarxin-projects .sx-order__thumb,
.solarxin-project-detail .sx-order__thumb {
	align-items: center;
	border: 1px solid #e7e7e7;
	border-radius: 12px;
	display: flex;
	flex: 0 0 64px;
	height: 64px;
	justify-content: center;
	overflow: hidden;
	width: 64px;
}

.solarxin-projects .sx-order__img,
.solarxin-project-detail .sx-order__img {
	height: 100%;
	margin: 0;
	object-fit: contain;
	width: 100%;
}

.solarxin-card-icon {
	background: #f5f7f9;
	color: #526d8d;
}

.solarxin-card-icon svg {
	height: 32px;
	width: 32px;
}

.solarxin-task-card[data-status="in_progress"] .solarxin-card-icon {
	background: #e9f2ff;
	color: #245a96;
}

.solarxin-task-card[data-status="completed"] .solarxin-card-icon {
	background: #eaf8ee;
	color: #24733c;
}

.solarxin-task-card[data-status="blocked"] .solarxin-card-icon {
	background: #fff0f0;
	color: #a52b2b;
}

.solarxin-projects .sx-order__info,
.solarxin-project-detail .sx-order__info {
	min-width: 0;
}

.solarxin-projects .sx-order__title,
.solarxin-project-detail .sx-order__title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

.solarxin-projects .sx-order__footer,
.solarxin-project-detail .sx-order__footer {
	margin-top: 16px;
}

.solarxin-projects .sx-order__sub,
.solarxin-project-detail .sx-order__sub {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.solarxin-projects .sx-status,
.solarxin-project-detail .sx-status,
.solarxin-status {
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	border-radius: 999px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 8px 12px;
}

.solarxin-status-in_progress {
	background: #e9f2ff !important;
	border-color: #cfe1fb !important;
	color: #245a96 !important;
}

.solarxin-status-completed {
	background: #eaf8ee !important;
	border-color: #ccebd5 !important;
	color: #24733c !important;
}

.solarxin-status-blocked,
.solarxin-status-cancelled {
	background: #fff0f0 !important;
	border-color: #f4cccc !important;
	color: #a52b2b !important;
}

.solarxin-status-on_hold {
	background: #fff7df !important;
	border-color: #f1dfad !important;
	color: #8a620d !important;
}

.solarxin-projects .sx-order__actions,
.solarxin-project-detail .sx-order__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.solarxin-projects .sx-order__btn,
.solarxin-project-detail .sx-order__btn,
.solarxin-task-more summary {
	background: #f4f4f4 !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #2e2e2e !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	min-height: 0 !important;
	padding: 10px 14px !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.solarxin-projects .sx-order__actions--mobile,
.solarxin-project-detail .sx-order__actions--mobile {
	display: none;
}

.solarxin-project-header {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 20px;
	min-width: 0;
}

.solarxin-project-header > div {
	min-width: 0;
}

.solarxin-project-header h2 {
	margin: 4px 0 0;
	overflow-wrap: anywhere;
	white-space: normal;
}

.solarxin-project-header > .solarxin-status {
	flex: 0 0 auto;
}


.solarxin-project-number {
	color: #8d8d8d;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.solarxin-summary-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 24px;
}

.solarxin-summary-grid > div {
	background: #f7f7f7;
	border-radius: 12px;
	min-width: 0;
	padding: 14px;
}

.solarxin-summary-grid > div > strong {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}

.solarxin-summary-grid > .solarxin-summary-wide {
	grid-column: span 2;
}

.solarxin-summary-grid > .solarxin-summary-full {
	grid-column: 1 / -1;
}

.solarxin-project-overview {
	margin-bottom: 28px;
}

.solarxin-project-overview > h3 {
	margin: 0 0 14px;
}

.solarxin-project-classification-grid,
.solarxin-project-schedule-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 12px;
}

.solarxin-project-support-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 0;
}

.solarxin-project-support-grid > .solarxin-support-address {
	grid-column: span 2;
}

.solarxin-project-support-grid > .solarxin-summary-wide {
	grid-column: auto;
}

.solarxin-project-support-grid strong,
.solarxin-project-support-grid a {
	overflow-wrap: anywhere;
	white-space: normal;
}

.solarxin-financial-grid .woocommerce-Price-currencySymbol {
	display: inline !important;
}

.solarxin-financial-grid .woocommerce-Price-amount {
	white-space: nowrap;
}

.solarxin-manager-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin-top: 7px;
}

.solarxin-manager-contact a {
	color: #526d8d;
	font-size: 13px;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.solarxin-manager-contact > * {
	max-width: 100%;
	min-width: 0;
}

.solarxin-financial-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.solarxin-financial-grid > div {
	background: #f7f8fa;
	border: 1px solid #e7e7e7;
	border-radius: 12px;
	padding: 16px;
}

.solarxin-financial-grid > div > span,
.solarxin-financial-grid > div > strong {
	display: block;
}

.solarxin-financial-grid > div > span {
	color: #777;
	font-size: 12px;
	margin-bottom: 6px;
}

.solarxin-financial-grid > div > strong {
	font-size: 15px;
	font-weight: 600;
}

.solarxin-payment-progress {
	margin-top: 16px;
}

.solarxin-payment-progress > div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}

.solarxin-payment-progress progress {
	height: 10px;
	width: 100%;
}

.solarxin-summary-grid span {
	color: #8d8d8d;
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

.solarxin-section {
	border-top: 1px solid #e7e7e7;
	margin-top: 28px;
	padding-top: 24px;
}

.solarxin-timeline {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding: 8px 2px 20px;
}

.solarxin-timeline-item {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	flex: 0 0 190px;
	min-height: 120px;
	position: relative;
}

.solarxin-timeline-item:not(:last-child)::after {
	background: #cbd5e1;
	content: "";
	height: 2px;
	position: absolute;
	right: -13px;
	top: 35px;
	width: 13px;
}

.solarxin-timeline-item summary {
	cursor: pointer;
	display: grid;
	gap: 7px;
	list-style: none;
	padding: 14px 48px 14px 14px;
	position: relative;
}

.solarxin-timeline-item summary::-webkit-details-marker {
	display: none;
}

.solarxin-timeline-item summary > span {
	color: #64748b;
	font-size: 12px;
}

.solarxin-timeline-item summary .solarxin-task-toggle {
	align-items: center;
	background: #f1f5f9;
	border-radius: 50%;
	display: flex;
	height: 28px;
	justify-content: center;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 28px;
}

.solarxin-task-toggle::before {
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	height: 7px;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .2s ease;
	width: 7px;
}

.solarxin-timeline-item[open] .solarxin-task-toggle::before {
	transform: translateY(2px) rotate(225deg);
}

.solarxin-static {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 9px;
	justify-content: center;
	padding: 14px;
}

.solarxin-icon {
	align-items: center;
	background: #f1f5f9;
	border-radius: 50%;
	color: #64748b;
	display: flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.solarxin-icon svg {
	height: 24px;
	width: 24px;
}

.solarxin-status-in_progress .solarxin-icon {
	background: #dbeafe;
	color: #2563eb;
}

.solarxin-status-completed .solarxin-icon {
	background: #dcfce7;
	color: #16a34a;
}

.solarxin-status-blocked .solarxin-icon {
	background: #fee2e2;
	color: #dc2626;
}

.solarxin-timeline-item .solarxin-task-details {
	border-top: 1px solid #e5e7eb;
	padding: 14px;
}

.solarxin-timeline-item .solarxin-task-details .button {
	display: inline-flex !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	padding: 8px 11px !important;
	white-space: nowrap;
	width: auto !important;
}

.solarxin-task-dates {
	display: grid;
	font-size: 12px;
	gap: 4px;
}

.solarxin-task-more {
	border-top: 1px solid #ededed;
	margin-top: 16px;
	padding-top: 14px;
}

.solarxin-task-more summary {
	cursor: pointer;
	display: inline-block;
	list-style: none;
}

.solarxin-task-more summary::-webkit-details-marker {
	display: none;
}

.solarxin-task-details {
	color: #4b4b4b;
	padding-top: 14px;
}

.solarxin-external-updates {
	font-size: 13px;
	margin: 0;
	padding-left: 18px;
}

.solarxin-external-updates time,
.solarxin-customer-updates time {
	color: #8d8d8d;
	display: block;
	font-size: 12px;
}

.solarxin-customer-updates article {
	background: #f7f7f7;
	border-radius: 12px;
	margin-bottom: 10px;
	padding: 14px;
}

.solarxin-document-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.solarxin-project-image-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.solarxin-project-image-grid figure {
	margin: 0;
}

.solarxin-project-image-grid a {
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	border-radius: 12px;
	display: block;
	overflow: hidden;
}

.solarxin-project-image-grid img {
	aspect-ratio: 4 / 3;
	display: block;
	height: auto;
	margin: 0;
	object-fit: cover;
	transition: transform .2s ease;
	width: 100%;
}

.solarxin-project-image-grid a:hover img {
	transform: scale(1.03);
}

.solarxin-project-image-grid figcaption {
	color: #5f5f5f;
	font-size: 13px;
	padding: 7px 3px 0;
}

body.solarxin-lightbox-open {
	overflow: hidden;
}

.solarxin-image-lightbox {
	align-items: center;
	background: rgba(0, 0, 0, .88);
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 60px 90px 30px;
	position: fixed;
	z-index: 100000;
}

.solarxin-image-lightbox[hidden] {
	display: none;
}

.solarxin-lightbox-stage {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	min-width: 0;
	width: 100%;
}

.solarxin-lightbox-stage img {
	border-radius: 4px;
	box-shadow: 0 8px 40px rgba(0, 0, 0, .4);
	display: block;
	max-height: calc(100vh - 90px);
	max-width: calc(100vw - 180px);
	object-fit: contain;
}

.solarxin-lightbox-close,
.solarxin-lightbox-nav {
	background: rgba(255, 255, 255, .14) !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	font-size: 24px !important;
	height: 44px !important;
	line-height: 44px !important;
	min-height: 0 !important;
	padding: 0 !important;
	width: 44px !important;
}

.solarxin-lightbox-close {
	font-size: 32px !important;
	position: absolute;
	right: 18px;
	top: 14px;
}

.solarxin-lightbox-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	-webkit-appearance: none;
}

.solarxin-lightbox-nav[hidden] {
	display: none !important;
}

.solarxin-lightbox-previous {
	left: 24px;
}

.solarxin-lightbox-next {
	right: 24px;
}

.solarxin-document-list li {
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	gap: 15px;
	justify-content: space-between;
	padding: 12px 0;
}

.solarxin-order-total {
	color: #526d8d;
	font-weight: 700;
}

.solarxin-empty-card .sx-muted {
	margin: 0;
}

@media (max-width: 768px) {
	.solarxin-projects .sx-order,
	.solarxin-project-detail .sx-order {
		padding: 16px;
	}

	.solarxin-projects .sx-order__top,
	.solarxin-project-detail .sx-order__top {
		align-items: flex-start;
	}

	.solarxin-projects .sx-order__actions--desktop,
	.solarxin-project-detail .sx-order__actions--desktop {
		display: none;
	}

	.solarxin-projects .sx-order__actions--mobile,
	.solarxin-project-detail .sx-order__actions--mobile {
		display: flex;
		margin-top: 16px;
	}

	.solarxin-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.solarxin-project-support-grid {
		grid-template-columns: 1fr;
	}

	.solarxin-project-support-grid > .solarxin-support-address,
	.solarxin-project-support-grid > .solarxin-summary-wide {
		grid-column: auto;
	}

	.solarxin-financial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.solarxin-timeline {
		display: block;
		overflow: visible;
		padding-left: 20px;
	}

	.solarxin-timeline-item {
		display: block;
		margin: 0 0 14px;
		min-height: 0;
		width: auto;
	}

	.solarxin-timeline-item:not(:last-child)::after {
		bottom: -15px;
		height: 15px;
		left: 34px;
		right: auto;
		top: auto;
		width: 2px;
	}

	.solarxin-static {
		align-items: center;
		flex-direction: row;
		justify-content: flex-start;
	}

	.solarxin-document-list li {
		align-items: flex-start;
		flex-direction: column;
	}

	.solarxin-project-image-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	body.woocommerce-account {
		overflow-x: hidden !important;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		box-sizing: border-box;
		flex: 1 1 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
		width: 100% !important;
	}

	.solarxin-project-detail {
		box-sizing: border-box;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden;
		width: 100% !important;
	}

	.solarxin-project-detail * {
		box-sizing: border-box;
	}

	.solarxin-project-header {
		display: block;
		max-width: 100%;
	}

	.solarxin-project-header h2 {
		font-size: 22px;
		max-width: 100%;
		overflow-wrap: anywhere !important;
		white-space: normal !important;
		word-break: break-word !important;
		width: 100%;
	}

	.solarxin-project-header > .solarxin-status {
		margin-top: 12px;
	}


	.solarxin-projects .sx-order__meta,
	.solarxin-project-detail .sx-order__meta {
		align-items: center;
		display: grid;
		grid-template-columns: max-content minmax(0, 1fr);
		gap: 8px;
		width: 100%;
	}

	.solarxin-projects .sx-order__id,
	.solarxin-project-detail .sx-order__id {
		grid-column: 1 / -1;
	}

	.solarxin-projects .sx-order__count,
	.solarxin-project-detail .sx-order__count {
		min-width: 0;
	}

	.solarxin-projects .sx-order__body,
	.solarxin-project-detail .sx-order__body {
		align-items: center;
		gap: 14px;
		margin-top: 18px;
	}

	.solarxin-projects .sx-order__title,
	.solarxin-project-detail .sx-order__title {
		font-size: 16px;
		line-height: 1.35;
	}

	.solarxin-projects .sx-order__footer,
	.solarxin-project-detail .sx-order__footer {
		margin-top: 18px;
	}

	.solarxin-projects .sx-order__actions--mobile,
	.solarxin-project-detail .sx-order__actions--mobile {
		gap: 7px;
		margin-top: 14px;
	}

	.solarxin-projects .sx-order__btn,
	.solarxin-project-detail .sx-order__btn {
		padding: 9px 12px !important;
	}

	.solarxin-summary-grid {
		grid-template-columns: 1fr;
	}

	.solarxin-summary-grid > .solarxin-summary-wide {
		grid-column: auto;
	}

	.solarxin-project-classification-grid,
	.solarxin-financial-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 100%;
		min-width: 0;
		overflow: visible;
		padding-bottom: 0;
	}

	.solarxin-project-classification-grid > div,
	.solarxin-financial-grid > div {
		max-width: 100%;
		min-width: 0;
		width: auto;
	}

	.solarxin-project-schedule-grid,
	.solarxin-project-support-grid {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	.solarxin-project-schedule-grid > div,
	.solarxin-project-support-grid > div {
		margin-bottom: 10px;
		max-width: 100%;
		width: 100%;
	}

	.solarxin-manager-contact {
		align-items: flex-start;
		flex-direction: column;
	}

	.solarxin-project-image-grid {
		grid-template-columns: 1fr;
	}

	.solarxin-image-lightbox {
		padding: 55px 12px 70px;
	}

	.solarxin-lightbox-stage img {
		max-height: calc(100vh - 125px);
		max-width: calc(100vw - 24px);
	}

	.solarxin-lightbox-nav {
		bottom: 14px;
		position: absolute;
		top: auto;
		transform: none;
	}

	.solarxin-lightbox-previous {
		left: calc(50% - 56px);
	}

	.solarxin-lightbox-next {
		right: calc(50% - 56px);
	}
}