.sidebar-link { transition: all 0.2s ease; }
.sidebar-link.active, .sidebar-link:hover { background: #eef2ff; color: #6366f1; }
.sidebar-link.active .sidebar-icon, .sidebar-link:hover .sidebar-icon { color: #6366f1; }
.atomdev-account-menu-count {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 0 6px;
  margin-right: auto;
}
.monitoring-nav { color: #4b5563; background: #f3f4f6; }
.monitoring-nav.active { background: #6366f1; color: white; }
.monitoring-nav:hover { background: #e5e7eb; }
.monitoring-nav.active:hover { background: #4f46e5; }
.report-content { display: none; }
.report-content.active { display: block; }
.notif-content { display: none; }
.notif-content.active { display: block; }

.woocommerce-account #sidebar,
.atomdev-shared-account-sidebar {
	width: min(256px, calc(100vw - 24px));
	overflow: hidden;
	transition: transform .25s ease;
}
.woocommerce-account #sidebar > div:first-child,
.atomdev-shared-account-sidebar > div:first-child { min-height: 0; }
.woocommerce-account #sidebar nav,
.atomdev-shared-account-sidebar nav { min-width: 0; }
.woocommerce-account nav.fixed:not(#navbar) { display: none !important; }
.woocommerce-account nav.fixed img,
.atomdev-panel > nav.fixed img { width: auto; height: 24px; max-height: 24px; }
.woocommerce-account #navbar img { width: auto; height: 36px; max-height: 36px; }
.atomdev-account-navbar-brand { min-width: 0; }
.atomdev-account-mobile-notifications { color: #64748b; }
.woocommerce-account #navbar.navbar-solid {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

@media (max-width: 1023px) {
	.woocommerce-account footer { display: none !important; }
	.woocommerce-account nav.fixed:not(#navbar) { display: none !important; }
	.woocommerce-account #navbar { display: block !important; }
	.woocommerce-account #navbar.navbar-solid { background: #fff !important; }
	.woocommerce-account #navbar.atomdev-account-navbar .container-custom {
		position: relative;
		min-height: 72px;
		justify-content: center;
	}
	.woocommerce-account #navbar.atomdev-account-navbar .atomdev-account-navbar-brand {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.woocommerce-account #navbar.atomdev-account-navbar .atomdev-account-menu-toggle {
		position: absolute;
		right: 16px;
	}
	.woocommerce-account #navbar.atomdev-account-navbar .atomdev-account-mobile-notifications {
		position: absolute;
		left: 16px;
	}
	.ready-site-actions,
	#ready-sites-list > div > div.flex.items-center.gap-4.p-4 > div.flex.items-center.gap-2.shrink-0 {
		flex-direction: column;
		align-items: stretch;
	}
	#ready-sites-list .flex.items-center.gap-2.mb-1 {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		column-gap: 8px;
		row-gap: 2px;
	}
	#ready-sites-list .flex.items-center.gap-2.mb-1 > div {
		display: contents;
	}
	#ready-sites-list .ready-site-update-badge {
		grid-column: 1 / -1;
		width: max-content;
	}
	#ready-sites-list .ready-site-version-badge {
		width: max-content;
		justify-self: start;
	}
	.woocommerce-account #sidebar,
	.atomdev-shared-account-sidebar {
		top: 72px !important;
		bottom: 0 !important;
		height: calc(100dvh - 72px) !important;
		margin: 0 !important;
		transform: translateX(100%) !important;
	}
	body.admin-bar.woocommerce-account #navbar {
		top: 46px !important;
	}
	body.admin-bar.woocommerce-account #sidebar,
	body.admin-bar.woocommerce-account .atomdev-shared-account-sidebar {
		top: 118px !important;
		height: calc(100dvh - 118px) !important;
	}
	.woocommerce-account #sidebar.is-open,
	.atomdev-shared-account-sidebar.is-open { transform: translateX(0) !important; }
	#sidebar-overlay:not(.hidden) { display: block; }
}

@media (min-width: 1024px) {
	.woocommerce-account #sidebar,
	.atomdev-shared-account-sidebar { transform: translateX(0); }
}

.atomdev-withdrawal-stepper { display: flex; width: min(100%, 420px); min-width: 0; align-items: flex-start; gap: 3px; margin-top: 8px; direction: rtl; }
.atomdev-withdrawal-step { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: center; gap: 2px; color: #cbd5e1; text-align: center; }
.atomdev-withdrawal-step-dot { width: 8px; height: 8px; border: 1px solid #cbd5e1; border-radius: 50%; background: #fff; }
.atomdev-withdrawal-step strong { font-size: 9px; font-weight: 700; white-space: nowrap; }
.atomdev-withdrawal-step small { min-height: 20px; color: #cbd5e1; font-size: 10px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.atomdev-withdrawal-step.is-active { color: #6366f1; }
.atomdev-withdrawal-step.is-active .atomdev-withdrawal-step-dot { border-color: #6366f1; background: #6366f1; box-shadow: 0 0 0 2px #e0e7ff; }
.atomdev-withdrawal-step.is-active small { color: #94a3b8; }
.atomdev-withdrawal-step.is-rejected { color: #dc2626; }
.atomdev-withdrawal-step.is-rejected .atomdev-withdrawal-step-dot { border-color: #dc2626; background: #dc2626; box-shadow: 0 0 0 3px #fee2e2; }
.atomdev-withdrawal-stepper-rejected { max-width: 260px; }
.atomdev-withdrawal-stepper-rejected .atomdev-withdrawal-step { flex: 0 1 100px; }
.atomdev-withdrawal-stepper-rejected .atomdev-withdrawal-step-connector { flex: 0 1 70px; }
.atomdev-withdrawal-track-button { display: inline-flex; margin-top: 6px; border: 1px solid #d1d5db; border-radius: 6px; padding: 4px 8px; background: #fff; color: #64748b; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }
.atomdev-withdrawal-track-button:hover { border-color: #9ca3af; background: #f8fafc; color: #475569; }
.atomdev-withdrawal-tracking-panel { margin-top: 4px; }
.atomdev-withdrawal-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.atomdev-withdrawal-title-row p { margin: 0; }
.atomdev-withdrawal-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.atomdev-withdrawal-meta p { margin: 0; }
.atomdev-withdrawal-inline-status { display: inline-block; border-radius: 999px; padding: 3px 7px; font-size: 9px; font-weight: 700; white-space: nowrap; }
.atomdev-withdrawal-inline-status.is-pending { background: #fef3c7; color: #b45309; }
.atomdev-withdrawal-inline-status.is-completed { background: #dcfce7; color: #15803d; }
.atomdev-withdrawal-inline-status.is-paid { background: #dcfce7; color: #15803d; }
.atomdev-withdrawal-inline-status.is-rejected { background: #fee2e2; color: #b91c1c; }
.atomdev-withdrawal-inline-status.is-order-status-confirmed { background: #dcfce7; color: #15803d; }
.atomdev-withdrawal-inline-status.is-order-status-unconfirmed { background: #fee2e2; color: #b91c1c; }
.atomdev-wallet-amount { direction: ltr !important; flex-direction: row !important; gap: 4px; unicode-bidi: isolate; }
.atomdev-wallet-amount-number, .atomdev-wallet-amount-currency, .atomdev-wallet-amount-sign { direction: ltr; unicode-bidi: isolate; }
.atomdev-wallet-amount-sign { margin-left: 1px; }
.atomdev-wallet-balance-hint { display: inline-block; margin-right: 6px; border-radius: 999px; padding: 3px 8px; background: #ecfdf5; color: #15803d; font-size: 10px; font-weight: 600; }
.notif-item { min-width: 0; }
.notif-item p { min-width: 0; overflow-wrap: anywhere; }
#page-wallet #tx-list > div { min-width: 0; }
#page-wallet #tx-list > div > div:nth-child(2) { min-width: 0; }
#page-wallet #tx-list .atomdev-withdrawal-title-row { min-width: 0; }
#page-wallet #tx-list .atomdev-withdrawal-title-row p { min-width: 0; overflow-wrap: anywhere; }
#page-wallet #tx-pagination { flex-wrap: wrap; gap: 8px; }
.atomdev-withdrawal-step-connector { height: 1px; flex: 1; margin-top: 4px; background: #e2e8f0; }
.atomdev-withdrawal-step-connector.is-active { background: #a5b4fc; }
.atomdev-withdrawal-rejected { display: inline-block; margin-top: 10px; border-radius: 999px; padding: 4px 9px; background: #fee2e2; color: #b91c1c; font-size: 10px; font-weight: 700; }

@media (max-width: 640px) {
	#page-wallet { width: 100%; min-width: 0; max-width: 100%; overflow-x: hidden; }
	#page-wallet #tx-list { min-width: 0; overflow: hidden; }
	#page-wallet #tx-list > div { min-width: 0; max-width: 100%; box-sizing: border-box; }
	#page-wallet #tx-list .atomdev-wallet-amount { max-width: 92px; flex-wrap: wrap; justify-content: flex-end; white-space: normal; overflow-wrap: anywhere; }
	#page-wallet #tx-pagination > div { min-width: 0; max-width: 100%; flex-wrap: wrap; justify-content: flex-end; }
	#page-notifications .flex.gap-2.mb-6 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: visible; }
	#page-notifications .notif-tab { min-width: 0; padding: 9px 8px; font-size: 11px; }
	#page-notifications .notif-item { gap: 10px; padding: 12px; }
	#page-notifications .notif-item > div:first-child { width: 34px; height: 34px; }
	#page-notifications .notif-item > div:first-child svg { width: 17px; height: 17px; }
	#page-notifications .notif-item p.text-sm { font-size: 13px; line-height: 1.7; }
	#page-notifications .notif-item p.text-\[11px\] { font-size: 11px; line-height: 1.7; }
	#page-wallet > h1 { margin-bottom: 16px; font-size: 20px; }
	#page-wallet > .flex.flex-col.lg\:flex-row { gap: 10px; margin-bottom: 14px; }
	#page-wallet > .flex.flex-col.lg\:flex-row > div:first-child .bg-gradient-to-bl { min-height: 140px; padding: 18px; }
	#page-wallet > .flex.flex-col.lg\:flex-row > div:first-child .text-3xl { margin-bottom: 14px; font-size: 1.75rem; }
	#page-wallet > .flex.flex-col.lg\:flex-row > div:last-child { gap: 8px; }
	#page-wallet > .flex.flex-col.lg\:flex-row > div:last-child button { padding: 11px; }
	#page-wallet > .bg-white.rounded-2xl > div:first-child { padding: 12px 14px; }
	#page-wallet #tx-list > div { align-items: flex-start; gap: 10px; padding: 12px 14px; }
	#page-wallet #tx-list > div > div:first-child { width: 34px; height: 34px; }
	#page-wallet #tx-list > div > div:first-child svg { width: 17px; height: 17px; }
	#page-wallet #tx-list .atomdev-wallet-amount { flex: 0 0 auto; gap: 3px; font-size: 11px !important; }
	#page-wallet #tx-list .atomdev-withdrawal-title-row { align-items: flex-start; flex-wrap: wrap; gap: 5px; }
	#page-wallet #tx-list .atomdev-withdrawal-title-row p.text-sm { font-size: 12px; line-height: 1.6; }
	#page-wallet #tx-list p.text-\[11px\] { font-size: 10px; line-height: 1.7; }
	#page-wallet #tx-pagination { padding: 10px 14px; }
	.atomdev-withdrawal-stepper { min-width: 0; gap: 2px; }
	.atomdev-withdrawal-step { min-width: 0; flex: 1; }
	.atomdev-withdrawal-step strong { font-size: 9px; white-space: normal; }
	.atomdev-withdrawal-step small { font-size: 10px; white-space: normal; }
}

.support-chat-shell,
.support-chat-shell input,
.support-chat-shell textarea,
.support-chat-shell button,
.support-chat-shell h1,
.support-chat-shell h2,
.support-chat-shell h3,
.support-chat-shell p,
.support-chat-shell small,
.support-chat-shell strong,
.support-chat-shell em,
.support-new-modal,
.support-new-modal input,
.support-new-modal select,
.support-new-modal textarea,
.support-new-modal button {
	font-family: 'KalamehWeb', system-ui, sans-serif !important;
}

.support-chat-shell .dashicons,
.support-new-modal .dashicons {
	font-family: dashicons !important;
}

.support-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}
.support-eyebrow { margin: 0 0 4px; color: #94a3b8; font-size: 12px; }
.support-title { margin: 0; color: #0f172a; font-size: 26px; font-weight: 800; }
.support-thread-actions { display: flex; align-items: center; gap: 8px; }
.atomdev-create-invoice-button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #c7d2fe; border-radius: 9px; padding: 8px 10px; background: #eef2ff; color: #4f46e5; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }
.atomdev-create-invoice-button:hover { background: #e0e7ff; }
.atomdev-create-invoice-modal[hidden] { display: none; }
.atomdev-create-invoice-modal { position: fixed; z-index: 100001; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; }
.atomdev-create-invoice-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.4); }
.atomdev-create-invoice-card { position: relative; width: min(430px,100%); box-sizing: border-box; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px; background: #fff; box-shadow: 0 20px 55px rgba(15,23,42,.2); }
.atomdev-create-invoice-card h2 { margin: 0 0 18px; color: #0f172a; font-size: 18px; }
.atomdev-create-invoice-card label { display: block; margin-top: 12px; color: #475569; font-size: 11px; font-weight: 700; }
.atomdev-create-invoice-card input { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; border: 1px solid #dbe3ef; border-radius: 8px; padding: 9px 10px; font: inherit; font-size: 11px; }
.atomdev-create-invoice-card .button { margin-top: 18px; }
.atomdev-invoice-form-items { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.atomdev-invoice-form-row { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(110px,.8fr) minmax(100px,.8fr) 30px; align-items: center; gap: 6px; }
.atomdev-invoice-form-row input { min-width: 0; margin-top: 0; }
.atomdev-invoice-remove-row { display: inline-flex; width: 30px; height: 34px; align-items: center; justify-content: center; border: 0; border-radius: 7px; background: #fef2f2; color: #dc2626; cursor: pointer; }
.atomdev-invoice-form-summary { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 10px; border-radius: 8px; background: #f8fafc; color: #64748b; font-size: 10px; }
.atomdev-invoice-form-summary strong { color: #334155; }
.atomdev-invoice-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.atomdev-invoice-form-actions .button { display: inline-flex; align-items: center; gap: 5px; }
.atomdev-create-invoice-close { position: absolute; top: 12px; left: 12px; border: 0; background: transparent; color: #94a3b8; cursor: pointer; }
.atomdev-support-invoice-messages { display: flex; flex-direction: column; gap: 8px; padding: 12px 22px 0; background: #f8fafc; }
.atomdev-support-invoice-card { min-width: 0; border: 1px solid #c7d2fe; border-radius: 12px; padding: 12px; background: #fff; color: #475569; }
.atomdev-support-invoice-head, .atomdev-support-invoice-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.atomdev-support-invoice-head { color: #3730a3; font-size: 11px; }
.atomdev-support-invoice-head span { border-radius: 999px; padding: 3px 7px; background: #eef2ff; color: #4f46e5; font-size: 9px; }
.atomdev-support-invoice-title { margin: 9px 0 7px; color: #1e293b; font-size: 12px; font-weight: 800; }
.atomdev-support-invoice-meta { flex-wrap: wrap; color: #64748b; font-size: 10px; }
.atomdev-support-invoice-meta strong { color: #334155; }
.atomdev-support-invoice-pay { display: block; margin-top: 11px; border-radius: 8px; padding: 8px 10px; background: #6366f1; color: #fff; text-align: center; text-decoration: none; font-size: 10px; font-weight: 800; }
.atomdev-support-invoice-paid { margin-top: 10px; border-radius: 8px; padding: 7px 9px; background: #dcfce7; color: #15803d; font-size: 10px; font-weight: 700; text-align: center; }
.atomdev-support-invoice-items { overflow: hidden; margin: 8px 0 10px; border: 1px solid #e0e7ff; border-radius: 8px; }
.atomdev-support-invoice-item { display: grid; grid-template-columns: minmax(0,1fr) minmax(95px,.8fr) minmax(70px,.6fr); gap: 8px; padding: 7px 9px; border-bottom: 1px solid #eef2f7; font-size: 10px; }
.atomdev-support-invoice-item:last-child { border-bottom: 0; }
.atomdev-support-invoice-item span, .atomdev-support-invoice-item strong { min-width: 0; overflow-wrap: anywhere; }
.atomdev-support-invoice-item-head { background: #f8fafc; color: #94a3b8; font-size: 9px; font-weight: 700; }
.atomdev-support-invoice-item strong { color: #334155; font-weight: 700; }
.support-new-conversation { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 10px; padding: 11px 16px; background: #6366f1; color: #fff; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; }
.support-chat-shell { display: grid; grid-template-columns: minmax(250px, 310px) minmax(0, 1fr); height: max(440px, calc(120dvh - 170px)); min-height: 0; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; }
.support-conversations { display: flex; min-height: 0; flex-direction: column; border-left: 1px solid #eef2f7; background: #fbfcfe; }
.support-conversations-heading, .support-thread-header { display: flex; align-items: center; justify-content: space-between; }
.support-conversations-heading { padding: 20px 18px 12px; color: #1e293b; }
.support-conversations-heading span { color: #94a3b8; font-size: 11px; }
.support-search-tools { display: flex; align-items: center; gap: 8px; margin: auto; width: 85%; }
.support-search { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; color: #94a3b8; }
.support-sort-form { flex: 0 0 150px; }
.support-sort-form select { width: 100%; height: 38px; border: 1px solid #e2e8f0; border-radius: 9px; padding: 0 8px; background: #fff; color: #475569; font: inherit; font-size: 10px; }
.woocommerce-MyAccount-content .support-search { width: 95%; margin-bottom: 10px; }
.support-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #334155; font: inherit; height: 38px; font-size: 11px; }
.support-conversation-list { min-height: 0; max-height: 390px; flex: 1 1 auto; overflow-y: auto; padding: 0 8px 12px; scrollbar-width: thin; }
.support-conversation { display: flex; width: 100%; align-items: flex-start; gap: 10px; margin-bottom: 3px; padding: 12px 10px; border: 0; border-radius: 10px; background: transparent; color: #334155; cursor: pointer; text-align: right; font: inherit; }
.support-conversation:hover, .support-conversation.active { background: #eef2ff; }
.support-avatar { display: inline-flex; flex: 0 0 36px; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: #e0e7ff; color: #4f46e5; font-size: 13px; font-weight: 800; }
.support-avatar.finance { background: #fef3c7; color: #b45309; }
.support-conversation-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }
.support-conversation-title-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; }
.support-conversation-copy strong { min-width: 0; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.support-conversation-copy small, .support-conversation-copy em { color: #94a3b8; font-size: 10px; font-style: normal; }

.atomdev-invoice-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.atomdev-invoice-tab { border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 14px; background: #fff; color: #64748b; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; }
.atomdev-invoice-tab.is-active { border-color: #6366f1; background: #6366f1; color: #fff; }
.atomdev-invoice-count { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; margin-right: 5px; border-radius: 999px; background: rgba(255,255,255,.22); font-size: 10px; }
.atomdev-invoice-tab:not(.is-active) .atomdev-invoice-count { background: #eef2ff; color: #6366f1; }
.atomdev-invoice-list { display: grid; gap: 12px; }
.atomdev-invoice-list[hidden] { display: none; }
.atomdev-invoice-table-head { display: grid; grid-template-columns: minmax(0, 1fr) 82px 82px auto; align-items: center; gap: 16px; padding: 0 16px 8px; color: #94a3b8; font-size: 10px; font-weight: 700; }
.atomdev-invoice-table-head[hidden] { display: none; }
.atomdev-invoice-table-head span:nth-child(n+2) { text-align: right; }
.atomdev-invoice-card { display: flex; align-items: center; gap: 16px; border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; background: #fff; box-shadow: 0 4px 14px rgba(15,23,42,.04); }
.atomdev-invoice-icon { display: flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; border-radius: 12px; background: #eef2ff; color: #6366f1; font-size: 20px; }
.atomdev-invoice-copy { min-width: 0; flex: 1; }
.atomdev-invoice-copy h3 { overflow: hidden; margin: 0 0 5px; color: #1e293b; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.atomdev-invoice-labor-list { display: flex; flex-direction: column; gap: 3px; color: #94a3b8; font-size: 10px; }
.atomdev-invoice-labor-list span::before { margin-left: 4px; content: '•'; }
.atomdev-invoice-meta { display: flex; flex-wrap: wrap; gap: 8px; color: #94a3b8; font-size: 10px; }
.atomdev-invoice-status, .atomdev-invoice-id { min-width: 82px; color: #64748b; font-size: 11px; font-weight: 700; text-align: center; }
.atomdev-invoice-status { border-radius: 999px; padding: 5px 8px; background: #f1f5f9; }
.atomdev-invoice-total { min-width: 105px; color: #1e293b; font-size: 13px; font-weight: 800; text-align: left; }
.atomdev-invoice-total small { display: block; margin-top: 3px; color: #94a3b8; font-size: 10px; font-weight: 500; }
.atomdev-invoice-actions { display: flex; flex: 0 0 auto; gap: 7px; }
.atomdev-invoice-action { border: 0; border-radius: 9px; padding: 9px 11px; background: #eef2ff; color: #4f46e5; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }
.atomdev-invoice-action.is-pay { background: #6366f1; color: #fff; }
.atomdev-invoice-empty { padding: 50px 20px; border: 1px dashed #cbd5e1; border-radius: 14px; color: #94a3b8; text-align: center; }
.atomdev-invoice-modal[hidden] { display: none; }
.atomdev-invoice-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 18px; }
.atomdev-invoice-modal-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.52); }
.atomdev-invoice-modal-card { position: relative; width: min(760px,100%); max-height: calc(100vh - 36px); overflow: auto; border-radius: 16px; background: #fff; box-shadow: 0 20px 60px rgba(15,23,42,.25); }
.atomdev-invoice-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid #eef2f7; }
.atomdev-invoice-modal-head h2 {
    margin: 0;
    color: #1e293b;
    font-size: 16px;
    font-weight: 700;
}
#atomdev-invoice-header-meta {
    font-size: 12px;
}
.atomdev-invoice-close { border: 0; background: transparent; color: #64748b; cursor: pointer; font-size: 24px; line-height: 1; }
.atomdev-invoice-detail { padding: 18px 20px; }
.atomdev-invoice-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 16px; }
.atomdev-invoice-detail-grid div { border-radius: 10px; padding: 10px; background: #f8fafc; }
.atomdev-invoice-detail-grid span { display: block; margin-bottom: 4px; color: #94a3b8; font-size: 10px; }
.atomdev-invoice-detail-grid strong { color: #334155; font-size: 12px; }
.atomdev-invoice-items { margin: 0 0 16px; padding: 0; list-style: none; }
.atomdev-invoice-items li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f1f5f9; color: #475569; font-size: 11px; }
.atomdev-invoice-section-title { margin: 0 0 8px; color: #334155; font-size: 13px; }
.atomdev-invoice-summary { margin: 0 0 16px; padding: 0; list-style: none; }
.atomdev-invoice-summary li { display: flex; justify-content: space-between; padding: 7px 0; color: #64748b; font-size: 11px; }
.atomdev-invoice-summary li.is-total { margin-top: 5px; border-top: 1px solid #e2e8f0; color: #1e293b; font-size: 14px; font-weight: 800; }
.atomdev-invoice-coupon { margin-bottom: 12px; padding: 12px; border-radius: 10px; background: #f8fafc; }
.atomdev-invoice-coupon label { display: block; margin-bottom: 6px; color: #475569; font-size: 11px; font-weight: 700; }
.atomdev-invoice-coupon > div { display: flex; gap: 7px; }
.atomdev-invoice-coupon input { min-width: 0; flex: 1; border: 1px solid #dbe3ef; border-radius: 8px; padding: 8px 10px; font: inherit; font-size: 11px; }
.atomdev-invoice-coupon button { border: 0; border-radius: 8px; padding: 8px 12px; background: #e0e7ff; color: #4f46e5; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; }
.atomdev-invoice-coupon small { display: block; margin-top: 5px; color: #64748b; font-size: 10px; }
.atomdev-invoice-wallet { margin-bottom: 14px; color: #475569; font-size: 11px; }
.atomdev-invoice-wallet input { margin-left: 5px; accent-color: #6366f1; }
.atomdev-invoice-payment-title { margin: 0; padding: 12px 20px; color: #334155; font-size: 12px; font-weight: 800; }
.atomdev-invoice-payment-loading, .atomdev-invoice-payment-error { margin: 0; padding: 20px; color: #64748b; font-size: 11px; }
.atomdev-invoice-payment-error { color: #b91c1c; }
.atomdev-invoice-pay-form { padding: 0 20px 20px; }
#atomdev-invoice-payment-form .atomdev-invoice-gateways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; padding: 0; list-style: none; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway { position: relative; box-sizing: border-box; margin: 0; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; list-style: none; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway:hover { border-color: #c7d2fe; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway input { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway label { display: flex; width: 100%; min-height: 50px; align-items: center; justify-content: flex-start; gap: 8px; padding: 0; color: #334155; cursor: pointer; font-size: 11px; font-weight: 700; line-height: 1.35; text-align: right; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway .atomdev-invoice-gateway-title { display: inline-flex; align-items: center; line-height: 1.4; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway .atomdev-invoice-gateway-logo,
#atomdev-invoice-payment-form .atomdev-invoice-gateway .atomdev-invoice-gateway-logo img,
#atomdev-invoice-payment-form .atomdev-invoice-gateway .atomdev-invoice-gateway-logo svg,
#atomdev-invoice-payment-form .atomdev-invoice-gateway label img,
#atomdev-invoice-payment-form .atomdev-invoice-gateway label svg { width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway .atomdev-invoice-gateway-logo { display: inline-flex; align-items: center; justify-content: center; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway:has(input:checked) { border-color: #6366f1; background: #fff; box-shadow: 0 0 0 2px rgba(99, 102, 241, .12); }
#atomdev-invoice-payment-form .atomdev-invoice-gateway-fields { display: none; margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff; color: #64748b; font-size: 11px; line-height: 1.8; }

#atomdev-invoice-payment-form .atomdev-invoice-gateway-fields p { margin: 0; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway-fields .atomdev-wallet-gateway-balance { margin-top: 8px; border-radius: 10px; padding: 8px 10px; background: #f5f3ff; color: #4338ca; font-weight: 700; }
#atomdev-invoice-payment-form .atomdev-invoice-gateway-fields .atomdev-wallet-gateway-balance strong { color: #4338ca; }
@media (max-width: 640px) { #atomdev-invoice-payment-form .atomdev-invoice-gateways { grid-template-columns: 1fr; } }
#atomdev-invoice-payment-form .atomdev-invoice-submit-payment { width: 100%; margin-top: 14px; border: 0; border-radius: 10px; padding: 11px 14px; background: #6366f1; color: #fff; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; }
#atomdev-invoice-payment-form .atomdev-invoice-submit-payment:hover { background: #4f46e5; }

@media (max-width: 640px) {
	.support-message:has(.atomdev-support-invoice-card) { width: 92%; max-width: 92%; }
	.atomdev-support-invoice-card { width: 100%; box-sizing: border-box; border-radius: 10px; padding: 10px; }
	.atomdev-support-invoice-head { align-items: flex-start; flex-wrap: wrap; gap: 6px; line-height: 1.5; }
	.atomdev-support-invoice-head strong { min-width: 0; overflow-wrap: anywhere; }
	.atomdev-support-invoice-head span { flex: 0 0 auto; }
	.atomdev-support-invoice-items { margin-top: 8px; }
	.atomdev-support-invoice-item { grid-template-columns: minmax(0, 1fr) 86px 54px; gap: 5px; padding: 7px 6px; font-size: 9px; line-height: 1.6; }
	.atomdev-support-invoice-item-head { font-size: 8px; }
	.atomdev-support-invoice-meta { align-items: flex-start; flex-direction: column; gap: 4px; font-size: 9px; line-height: 1.6; }
	.atomdev-support-invoice-pay, .atomdev-support-invoice-paid { margin-top: 9px; padding: 8px; font-size: 9px; }
	.atomdev-invoice-card { align-items: flex-start; flex-wrap: wrap; }
	.atomdev-invoice-copy { min-width: calc(100% - 60px); }
	.atomdev-invoice-total { margin-right: 58px; text-align: right; }
	.atomdev-invoice-actions { margin-right: 58px; }
	.atomdev-invoice-detail-grid { grid-template-columns: 1fr; }
	.atomdev-invoice-status, .atomdev-invoice-id { min-width: 0; margin-right: 58px; }
	.atomdev-invoice-table-head { display: none; }
}
.support-conversation-title-row time { flex: 0 0 auto; color: #94a3b8; font-size: 9px; font-weight: 400; white-space: nowrap; }
.support-conversation-copy small { display: flex; align-items: center; gap: 5px; }
.support-closed-notice { margin: 18px auto 12px; padding: 14px 18px; color: #64748b; text-align: center; }
.support-closed-notice strong { display: block; color: #334155; font-size: 14px; }
.support-closed-notice p { margin: 6px 0 0; font-size: 12px; }
.support-rating-form { margin: 0 auto 20px; text-align: center; }
.support-rating-form p { margin: 0 0 10px; color: #475569; font-size: 12px; font-weight: 700; }
.support-rating-form > div { display: flex; justify-content: center; gap: 8px; }
.support-rating-form button { min-width: 64px; border: 1px solid #dbe3ef; border-radius: 8px; padding: 7px 12px; background: #fff; color: #475569; cursor: pointer; font: inherit; font-size: 12px; }
.support-rating-form button:hover:not(:disabled) { border-color: #6366f1; color: #4f46e5; }
.support-rating-form button.is-selected { border: 2px solid #4f46e5; color: #4f46e5; }
.support-rating-form button:disabled { cursor: default; opacity: .65; }
.support-rating-result { display: block; margin-top: 8px; color: #16a34a; font-size: 11px; }
.support-unread { min-width: 18px; border-radius: 9px; padding: 2px 5px; background: #6366f1; color: #fff; font-size: 10px; text-align: center; }
.support-thread { display: flex; min-width: 0; min-height: 0; flex-direction: column; background: #fff; }
.support-thread-empty { display: flex; min-height: 520px; flex: 1; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%); text-align: center; }
.support-thread-empty-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; margin-bottom: 18px; border: 1px solid #e0e7ff; border-radius: 20px; background: #f5f7ff; color: #6366f1; box-shadow: 0 10px 24px rgba(99, 102, 241, .1); }
.support-thread-empty-icon .dashicons { width: auto; height: auto; font-size: 28px; }
.support-thread-empty h2 { margin: 0 0 8px; color: #1e293b; font-size: 18px; font-weight: 800; }
.support-thread-empty p { max-width: 280px; margin: 0; color: #94a3b8; font-size: 12px; line-height: 2; }
.support-thread-empty .support-empty-action { margin-top: 22px; padding: 10px 15px; box-shadow: 0 8px 18px rgba(99, 102, 241, .16); }
.support-thread-header { min-height: 76px; padding: 16px 22px; border-bottom: 1px solid #eef2f7; }
.support-thread-header > div { flex: 1; margin-right: 10px; }
.support-thread-header .support-more-wrap { position: relative; flex: 0 0 auto; margin-right: 0; }
.support-thread-header h2 { margin: 0 0 4px; color: #0f172a; font-size: 15px; }
.support-thread-header p { margin: 0; color: #94a3b8; font-size: 10px; }
.support-thread-header p span { margin: 0 3px; }
.support-online-dot { display: inline-block; width: 6px; height: 6px; margin-left: 3px; border-radius: 50%; background: #22c55e; }
.support-more, .support-attach { border: 0; background: transparent; color: #94a3b8; cursor: pointer; }
.support-more { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 9px; }
.support-more:hover, .support-more[aria-expanded="true"] { background: #f1f5f9; color: #6366f1; }
.support-details-popover { position: absolute; top: 42px; left: 0; z-index: 30; width: 250px; padding: 8px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 14px 35px rgba(15, 23, 42, .14); }
.support-details-popover[hidden] { display: none; }
.support-details-popover > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 10px; border-bottom: 1px solid #f1f5f9; }
.support-details-popover > div:last-child { border-bottom: 0; }
.support-details-popover span { color: #94a3b8; font-size: 11px; text-align: right; }
.support-details-popover strong { color: #334155; font-size: 11px; font-weight: 700; text-align: left; direction: rtl; }
.support-details-popover .atomdev-support-conversation-meta { display: block; margin: 4px 0 0; padding: 8px 2px 2px; border-top: 1px solid #f1f5f9; border-bottom: 0; background: transparent; }
.support-details-popover .atomdev-support-conversation-meta label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 7px 0; color: #64748b; font-size: 11px; }
.support-details-popover .atomdev-support-conversation-meta label span { color: #64748b; font-size: 11px; }
.support-details-popover .atomdev-support-conversation-meta select { min-width: 120px; max-width: 145px; border: 1px solid #e2e8f0; border-radius: 7px; padding: 5px 7px; background: #fff; color: #334155; font: inherit; font-size: 10px; }
.support-details-popover .atomdev-support-conversation-meta .button { width: 100%; margin-top: 6px; border: 0; border-radius: 8px; padding: 7px 10px; background: #6366f1; color: #fff; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; }
.support-thread-back { display: none; border: 0; background: transparent; color: #64748b; cursor: pointer; }
.support-thread-messages { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 18px; overflow-y: auto; padding: 22px; background: #f8fafc; }
.support-image-grid { display: contents; }
.support-day-divider { display: flex; align-items: center; gap: 12px; color: #94a3b8; font-size: 10px; }
.support-day-divider::before, .support-day-divider::after { height: 1px; flex: 1; background: #e2e8f0; content: ''; }
.support-message { display: flex; width: min(78%, 420px); max-width: 78%; min-width: 0; align-items: flex-start; gap: 8px; }
.support-message-user { align-self: flex-start; direction: ltr; }
.support-message-agent { align-self: flex-end; direction: rtl; }
.support-message > div { width: 100%; min-width: 0; }
.support-image-message { align-self: flex-end; }
.support-message-user > div, .support-message-agent > div { direction: rtl; }
.support-bubble { border-radius: 14px; padding: 11px 14px; background: #fff; color: #475569; box-shadow: 0 3px 12px rgba(15, 23, 42, .05); font-size: 12px; line-height: 1.9; }
.support-bubble { max-width: 100%; min-width: 0; overflow: hidden; overflow-wrap: anywhere; word-break: break-word; white-space: normal; }
.support-image-message .support-bubble { width: 100%; padding: 6px; }
.support-message-agent .support-bubble { border-bottom-right-radius: 4px; background: #6366f1; color: #fff; }
.support-message-user .support-bubble { border-bottom-left-radius: 4px; border: 1px solid #e2e8f0; }
.support-bubble p { margin: 10px 8px 4px; overflow-wrap: anywhere; word-break: break-word; white-space: pre-wrap; }
.support-image-message .support-bubble p { margin-top: 10px; }
.support-attachment-card { display: block; width: 100%; max-width: 100%; overflow: hidden; }
.support-image-attachment img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 220px; object-fit: cover; border-radius: 10px; }
.support-lightbox[hidden] { display: none; }
.support-lightbox { position: fixed; z-index: 100000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(15, 23, 42, .86); cursor: zoom-out; }
.support-lightbox img { display: block; width: auto; max-width: min(94vw, 1200px); height: auto; max-height: 88vh; object-fit: contain; border-radius: 10px; box-shadow: 0 20px 70px rgba(0, 0, 0, .4); cursor: default; }
.support-lightbox-close { position: absolute; top: 18px; right: 22px; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer; font-size: 28px; line-height: 1; }
.support-lightbox-close:hover { background: rgba(255, 255, 255, .25); }
.support-message small {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
    color: #94a3b8;
    font-size: 9px;
    justify-content: flex-start;
}
.support-message-agent small { text-align: right; }
.support-composer { position: relative; display: block; padding: 12px 18px; border-top: 1px solid #eef2f7; background: #fff; }
.support-composer-row { display: flex; width: 100%; align-items: flex-end; gap: 8px; }
.support-composer textarea { display: block; min-height: 38px; max-height: 300px; flex: 1; box-sizing: border-box; resize: none; border: 1px solid #e2e8f0; border-radius: 10px; padding: 9px 12px; outline: 0; color: #334155; font: inherit; font-size: 11px; line-height: 1.7; transition: height .16s ease; }
.support-composer textarea:focus { border-color: #a5b4fc; }
.support-emoji-toggle, .support-attach { display: inline-flex; width: 36px; height: 38px; flex: 0 0 36px; align-items: center; justify-content: center; border: 0; border-radius: 9px; background: transparent; color: #94a3b8; cursor: pointer; }
.support-emoji-toggle:hover, .support-attach:hover { background: #f1f5f9; color: #6366f1; }
.support-emoji-toggle svg { width: 20px; height: 20px; }
.support-send { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: #6366f1; color: #fff; cursor: pointer; }
.support-send:hover { background: #4f46e5; }
.support-attachment-preview { margin-bottom: 8px; padding: 7px 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; color: #64748b; font-size: 10px; line-height: 1.7; }
.support-emoji-picker { position: absolute; right: 18px; bottom: 58px; z-index: 20; }
.support-emoji-picker[hidden] { display: none; }
.support-emoji-picker-element { display: block; width: 280px; height: 300px; }
.atomdev-quick-emoji-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; width: 224px; padding: 8px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .14); }
.atomdev-quick-emoji { display: inline-flex; width: 48px; height: 42px; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: #fff; color: #334155; cursor: pointer; font-family: sans-serif; font-size: 22px; line-height: 1; }
.atomdev-quick-emoji:hover { background: #f1f5f9; }
.support-new-modal[hidden] { display: none; }
.support-new-modal { position: fixed; z-index: 100; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; }
.support-new-modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .32); }
.support-new-form { position: relative; width: min(460px, 100%); border: 1px solid #e2e8f0; border-radius: 16px; padding: 26px; background: #fff; box-shadow: 0 18px 50px rgba(15, 23, 42, .18); }
.support-new-form h2 { margin: 0 0 20px; color: #0f172a; font-size: 22px; }
.support-new-form label { display: block; margin-top: 14px; color: #475569; font-size: 11px; font-weight: 700; }
.support-new-form input, .support-new-form select, .support-new-form textarea { display: block; width: 100%; margin-top: 7px; border: 1px solid #e2e8f0; border-radius: 9px; padding: 10px 11px; outline: 0; background: #f8fafc; color: #334155; font: inherit; font-size: 11px; }
.support-new-form input:focus, .support-new-form select:focus, .support-new-form textarea:focus { border-color: #a5b4fc; background: #fff; }
.support-new-close { position: absolute; top: 14px; left: 14px; display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: #f1f5f9; color: #64748b; cursor: pointer; }
.support-new-submit { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; border: 0; border-radius: 9px; padding: 10px 14px; background: #6366f1; color: #fff; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; }
.support-new-error { margin: 0 0 8px; color: #dc2626; font-size: 11px; }
@media (max-width: 760px) {
	.support-header { align-items: center; flex-direction: row; gap: 8px; }
	.support-header > div { min-width: 0; }
	.support-title { overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
	.support-new-conversation { flex: 0 0 auto; padding: 9px 10px; font-size: 11px; white-space: nowrap; }
	.support-chat-shell { display: block; height: auto; min-height: 0; }
	.support-conversations { border-left: 0; border-bottom: 1px solid #eef2f7; }
	.support-conversation-list { display: flex; max-height: 390px; flex-direction: column; gap: 4px; overflow-y: auto; }
	.support-conversation { min-width: 0; }
	.support-thread { display: none; height: calc(100dvh - 170px); min-height: 440px; }
	.support-thread-messages { padding: 16px 12px; }
	.support-bubble { font-size: 13px; line-height: 1.95; }
	.support-message small { font-size: 10px; }
	.support-composer { padding: 10px 12px; }
	.support-composer textarea { min-height: 42px; padding: 9px 11px; font-size: 13px; line-height: 1.8; }
	.support-thread-back { display: inline-flex; width: auto; min-width: 32px; height: 32px; align-items: center; justify-content: center; gap: 4px; border-radius: 8px; padding: 0 7px; }
	.support-thread-back span:last-child { font-size: 10px; font-weight: 700; }
	.support-thread-back:hover { background: #f1f5f9; }
	.support-chat-shell.support-mobile-thread-view .support-conversations { display: none; }
	.support-chat-shell.support-mobile-thread-view .support-thread { display: flex; }
}