.msw-dashboard-v2,
.msw-dashboard-v2 *,
.msw-card,
.msw-card * {
	box-sizing: border-box;
}

html:has(.msw-dashboard-v2),
body:has(.msw-dashboard-v2) {
	overflow-x: hidden;
}

.msw-dashboard-v2 {
	background: #f3f5f8;
	color: #061326;
	display: grid;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	grid-template-columns: 252px minmax(0, 1fr);
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
	min-height: 100vh;
	overflow-x: clip;
	width: 100vw;
}

.msw-dashboard-sidebar {
	background: #0c5360;
	color: #d3edf3;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: sticky;
	top: 0;
}

.msw-dashboard-brand {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	gap: 12px;
	height: 64px;
	padding: 0 22px;
}

.msw-brand-mark,
.msw-user-avatar {
	align-items: center;
	background: rgba(255, 255, 255, 0.16);
	border-radius: 10px;
	color: #ffffff;
	display: inline-flex;
	font-size: 14px;
	font-weight: 800;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.msw-dashboard-brand strong {
	color: #ffffff;
	font-size: 14px;
}

.msw-dashboard-nav {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 5px;
	padding: 18px 11px;
}

.msw-nav-title {
	color: rgba(211, 237, 243, 0.62);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.2px;
	margin: 0 10px 10px;
	text-transform: uppercase;
}

.msw-dashboard-nav-item {
	align-items: center;
	border-radius: 12px;
	color: #acd8e2;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 12px;
	line-height: 1.2;
	min-height: 41px;
	padding: 0 12px;
	position: relative;
	text-decoration: none;
}

.msw-dashboard-nav-item:hover,
.msw-dashboard-nav-item:focus,
.msw-dashboard-nav-item.is-active {
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}

.msw-dashboard-nav-item.is-active {
	box-shadow: inset 3px 0 0 #e7fbff;
	font-weight: 800;
}

.msw-dashboard-nav-disabled {
	opacity: 0.72;
}

.msw-nav-icon {
	align-items: center;
	color: currentColor;
	display: inline-flex;
	flex: 0 0 20px;
	font-size: 16px;
	justify-content: center;
	width: 20px;
}

.msw-nav-badge {
	align-items: center;
	background: #ff4757;
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	height: 20px;
	justify-content: center;
	margin-left: auto;
	min-width: 20px;
	padding: 0 6px;
}

.msw-nav-badge[hidden],
.msw-message-badge-live[hidden] {
	display: none !important;
}

.msw-sidebar-user {
	align-items: center;
	background: rgba(255, 255, 255, 0.10);
	border-radius: 12px;
	display: flex;
	gap: 11px;
	margin: 0 12px 12px;
	padding: 12px;
}

.msw-sidebar-user strong,
.msw-sidebar-user span {
	display: block;
	line-height: 1.2;
}

.msw-sidebar-user strong {
	color: #ffffff;
	font-size: 13px;
}

.msw-sidebar-user span {
	color: #b8dfe7;
	font-size: 11px;
	margin-top: 3px;
}

.msw-dashboard-logout {
	color: #acd8e2;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 22px 24px;
	text-decoration: none;
}

.msw-dashboard-content {
	min-width: 0;
}

.msw-dashboard-topbar {
	align-items: center;
	background: #ffffff;
	border-bottom: 1px solid #dde2e8;
	display: flex;
	height: 64px;
	justify-content: space-between;
	padding: 0 32px;
}

.msw-dashboard-topbar > div {
	align-items: center;
	display: flex;
	gap: 12px;
}

.msw-dashboard-topbar strong {
	color: #061326;
	font-size: 16px;
}

.msw-dashboard-topbar > span {
	color: #8b93a6;
	font-size: 12px;
}

.msw-topbar-icon {
	color: #0c5360;
	font-size: 17px;
}

.msw-dashboard-main {
	display: grid;
	gap: 20px;
	justify-items: start;
	padding: 24px 32px 42px;
}

.msw-dashboard-main > * {
	max-width: 704px;
	width: 100%;
}

.msw-welcome-card {
	background: #0e5d6b;
	border-radius: 14px;
	color: #ffffff;
	padding: 28px 26px 24px;
}

.msw-welcome-heading {
	align-items: flex-start;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.msw-welcome-card h1,
.msw-welcome-card p {
	color: #ffffff;
	margin: 0;
}

.msw-welcome-card h1 {
	font-size: 24px;
	line-height: 1.15;
	margin-bottom: 8px;
}

.msw-welcome-card p,
.msw-welcome-progress span {
	font-size: 13px;
}

.msw-discovery-pill,
.msw-status-pill {
	align-items: center;
	background: #0aa36d;
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	padding: 8px 14px;
	white-space: nowrap;
}

.msw-discovery-pill::before {
	background: #2be177;
	border-radius: 999px;
	content: "";
	height: 8px;
	margin-right: 8px;
	width: 8px;
}

.msw-discovery-pill.msw-status-trialing,
.msw-status-pill.msw-status-trialing,
.msw-discovery-pill.msw-status-active,
.msw-status-pill.msw-status-active {
	background: #0aa36d;
	color: #ffffff;
}

.msw-discovery-pill.msw-status-past_due,
.msw-status-pill.msw-status-past_due,
.msw-discovery-pill.msw-status-incomplete,
.msw-status-pill.msw-status-incomplete {
	background: #fff3d9;
	color: #9a5b00;
}

.msw-discovery-pill.msw-status-canceled,
.msw-status-pill.msw-status-canceled {
	background: #ffe4e6;
	color: #b42318;
}

.msw-discovery-pill.msw-status-completed,
.msw-status-pill.msw-status-completed,
.msw-discovery-pill.msw-status-online,
.msw-status-pill.msw-status-online {
	background: #e0f2fe;
	color: #075985;
}

.msw-discovery-pill.msw-status-unknown,
.msw-status-pill.msw-status-unknown {
	background: #eef2f7;
	color: #465467;
}

.msw-discovery-pill.msw-status-canceled::before {
	background: #ef4444;
}

.msw-discovery-pill.msw-status-past_due::before,
.msw-discovery-pill.msw-status-incomplete::before {
	background: #f59e0b;
}

.msw-discovery-pill.msw-status-completed::before,
.msw-discovery-pill.msw-status-online::before {
	background: #0ea5e9;
}

.msw-discovery-pill.msw-status-unknown::before {
	background: #94a3b8;
}

.msw-welcome-progress > div:first-child {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 9px;
}

.msw-welcome-progress strong {
	color: #ffffff;
	font-size: 13px;
}

.msw-progress-bar {
	background: rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
	width: 100%;
}

.msw-progress-bar span {
	background: #ffffff;
	border-radius: inherit;
	display: block;
	height: 100%;
}

.msw-card {
	background: #ffffff;
	border: 1px solid #dde2e8;
	border-radius: 14px;
	box-shadow: none;
	color: #061326;
	padding: 24px;
}

.msw-card-header {
	align-items: flex-start;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 22px;
}

.msw-card h2 {
	color: #061326;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 8px;
}

.msw-card h3 {
	color: #061326;
	font-size: 14px;
	line-height: 1.25;
	margin: 0;
}

.msw-card p {
	color: #8990a5;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

.msw-progress-legend {
	align-items: center;
	border-bottom: 1px solid #edf0f4;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 16px;
	padding-bottom: 18px;
}

.msw-progress-legend span {
	align-items: center;
	color: #596175;
	display: inline-flex;
	font-size: 12px;
	gap: 6px;
}

.msw-dot,
.msw-timeline-marker {
	border-radius: 999px;
	display: inline-flex;
	height: 12px;
	width: 12px;
}

.msw-dot-done,
.msw-timeline-done .msw-timeline-marker {
	background: #16a65b;
}

.msw-dot-progress,
.msw-timeline-progress .msw-timeline-marker {
	background: #17bcd4;
}

.msw-dot-waiting,
.msw-timeline-waiting .msw-timeline-marker {
	background: #f59e0b;
}

.msw-dot-todo,
.msw-timeline-todo .msw-timeline-marker {
	background: #cbd2dc;
}

.msw-timeline {
	display: grid;
	gap: 10px;
}

.msw-timeline-item {
	display: block;
}

.msw-timeline-content {
	background: #ffffff;
	border: 1px solid #dde2e8;
	border-radius: 13px;
	padding: 13px 16px;
}

.msw-timeline-done .msw-timeline-content {
	background: #ecfdf3;
	border-color: #99f0bb;
}

.msw-timeline-progress .msw-timeline-content {
	background: #e9fbfe;
	border-color: #6de5f3;
}

.msw-timeline-waiting .msw-timeline-content {
	background: #fff9e8;
	border-color: #ffd45f;
}

.msw-timeline-todo .msw-timeline-content {
	background: #ffffff;
	border-color: #dde2e8;
	opacity: 0.76;
}

.msw-timeline-heading {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 18px 16px minmax(0, 1fr) auto auto;
	min-height: 31px;
}

.msw-step-number {
	color: #8b93a6;
	font-size: 13px;
}

.msw-step-badge {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	padding: 7px 11px;
	white-space: nowrap;
}

.msw-timeline-done .msw-step-badge {
	background: #d9fbe7;
	color: #08783f;
}

.msw-timeline-progress .msw-step-badge {
	background: #c8f7fb;
	color: #02839b;
}

.msw-timeline-waiting .msw-step-badge {
	background: #fff0b7;
	color: #c46b00;
}

.msw-timeline-todo .msw-step-badge {
	background: #f0f2f5;
	color: #8b93a6;
}

.msw-link-button,
.msw-button {
	align-items: center;
	background: #ffffff;
	border: 1px solid #0c5360;
	border-radius: 9px;
	color: #063e49;
	cursor: pointer;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	justify-content: center;
	line-height: 1.2;
	min-height: 33px;
	padding: 8px 14px;
	text-decoration: none;
	white-space: nowrap;
	width: fit-content;
}

.msw-link-button:hover,
.msw-link-button:focus,
.msw-button:hover,
.msw-button:focus {
	background: #f0fbfd;
	color: #063e49;
}

.msw-link-disabled {
	border-color: #e3e7ed;
	color: #c3c9d2;
	pointer-events: none;
}

.msw-step-meta {
	border-top: 1px solid rgba(6, 19, 38, 0.08);
	color: #97a0b1;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 18px;
	margin: 12px 0 0 35px;
	padding-top: 10px;
}

.msw-step-review-form,
.msw-inventory-form {
	display: grid;
	gap: 14px;
	margin-top: 14px;
}

.msw-step-review-form label,
.msw-inventory-form label {
	display: grid;
	gap: 6px;
}

.msw-step-review-form label span,
.msw-inventory-form label span {
	color: #061326;
	font-size: 13px;
	font-weight: 800;
}

.msw-step-review-form textarea,
.msw-inventory-form input,
.msw-inventory-form textarea {
	background: #ffffff;
	border: 1px solid #d8dde6;
	border-radius: 9px;
	color: #061326;
	font: inherit;
	min-height: 42px;
	padding: 10px 12px;
	width: 100%;
}

.msw-button-secondary {
	background: #f8fafc;
	border-color: #d8dde6;
}

.msw-client-feedback {
	border-radius: 9px;
	font-size: 13px;
	margin: 12px 0 0 35px;
	padding: 11px 13px;
}

.msw-client-feedback-approved {
	background: #ecfdf3;
	color: #08783f;
}

.msw-client-feedback-rejected {
	background: #fff9e8;
	color: #925300;
}

.msw-mod-time-card {
	display: grid;
	gap: 12px;
	margin-bottom: 20px;
}

.msw-mod-time-card header {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.msw-mod-time-card h2 {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	margin: 0;
}

.msw-mod-time-card header span {
	background: #fff4d7;
	border-radius: 999px;
	color: #d97706;
	font-size: 13px;
	font-weight: 900;
	padding: 6px 12px;
}

.msw-mod-time-track {
	background: #e3e7ee;
	border-radius: 999px;
	height: 10px;
	overflow: hidden;
}

.msw-mod-time-track span {
	background: #f59e0b;
	border-radius: inherit;
	display: block;
	height: 100%;
}

.msw-mod-time-meta {
	color: #8a94a6;
	display: flex;
	font-size: 12px;
	justify-content: space-between;
}

.msw-mod-time-card p {
	color: #c46400;
	margin: 0;
}

.msw-mod-time-card small {
	color: #98a2b3;
}

.msw-modification-intro,
.msw-modification-form {
	margin-bottom: 20px;
}

.msw-mod-steps {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.msw-mod-steps span {
	align-items: center;
	color: #98a2b3;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
}

.msw-mod-steps b {
	align-items: center;
	background: #e5eaf0;
	border-radius: 999px;
	color: #98a2b3;
	display: inline-flex;
	height: 26px;
	justify-content: center;
	width: 26px;
}

.msw-mod-steps .is-active,
.msw-mod-steps .is-done {
	color: #061326;
}

.msw-mod-steps .is-active b {
	background: #075466;
	color: #ffffff;
}

.msw-mod-steps .is-done b {
	background: #16a65f;
	color: #ffffff;
}

.msw-mod-step-panel {
	display: none;
}

.msw-mod-step-panel.is-active {
	display: grid;
	gap: 18px;
}

.msw-mod-type-list {
	display: grid;
	gap: 12px;
}

.msw-mod-type-card {
	align-items: center;
	background: #ffffff;
	border: 1px solid #dfe6ef;
	border-radius: 12px;
	color: #061326;
	cursor: pointer;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 16px;
	text-align: left;
	width: 100%;
}

.msw-mod-type-card.is-selected {
	background: #f5fbfd;
	border-color: #075466;
	box-shadow: inset 0 0 0 1px #075466;
}

.msw-mod-type-icon {
	align-items: center;
	background: #eef3f6;
	border-radius: 10px;
	color: #075466;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.msw-mod-type-card strong,
.msw-mod-type-card small {
	display: block;
}

.msw-mod-type-card small {
	color: #667085;
	margin-top: 5px;
}

.msw-mod-type-card i {
	border: 2px solid #cfd8e5;
	border-radius: 999px;
	height: 18px;
	width: 18px;
}

.msw-mod-type-card.is-selected i {
	border: 5px solid #075466;
}

.msw-modification-form label {
	display: grid;
	gap: 8px;
}

.msw-modification-form label span {
	font-weight: 800;
}

.msw-modification-form input,
.msw-modification-form textarea {
	border: 1px solid #d8dde6;
	border-radius: 10px;
	color: #061326;
	font: inherit;
	padding: 13px 14px;
	width: 100%;
}

.msw-mod-back {
	background: transparent;
	border: 0;
	color: #98a2b3;
	cursor: pointer;
	font: inherit;
	font-weight: 800;
	padding: 0;
	text-align: left;
	width: fit-content;
}

.msw-mod-form-actions {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
}

.msw-mod-form-actions .msw-button {
	margin-left: auto;
}

.msw-mod-summary {
	background: #f8fafc;
	border: 1px solid #dfe6ef;
	border-radius: 12px;
	display: grid;
	gap: 8px;
	padding: 16px;
}

.msw-mod-summary small {
	color: #98a2b3;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.msw-mod-summary p {
	margin: 0;
	white-space: pre-wrap;
}

.msw-mod-help {
	color: #8a94a6;
}

.msw-mod-history {
	margin-top: 20px;
}

.msw-mod-history-list {
	display: grid;
	gap: 12px;
}

.msw-mod-history-list article {
	border: 1px solid #dfe6ef;
	border-radius: 12px;
	display: grid;
	gap: 6px;
	padding: 14px;
}

.msw-mod-history-list strong,
.msw-mod-history-list small {
	display: block;
}

.msw-mod-history-list small {
	color: #8a94a6;
}

.msw-mod-history-list p {
	margin: 0;
}

.msw-mod-history-status {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	justify-self: start;
	padding: 5px 9px;
}

.msw-mod-history-status-todo {
	background: #f0f2f5;
	color: #667085;
}

.msw-mod-history-status-in_progress {
	background: #dff6fb;
	color: #075466;
}

.msw-mod-history-status-review {
	background: #fff4d7;
	color: #9a5b00;
}

.msw-mod-history-status-approved {
	background: #e8f8ef;
	color: #08783f;
}

.msw-subscription-summary {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 22px;
}

.msw-subscription-plan,
.msw-subscription-next {
	border: 1px solid #dde2e8;
	border-radius: 12px;
	display: grid;
	gap: 8px;
	padding: 18px;
}

.msw-subscription-plan {
	background: #edfaff;
	border-color: #7ce7f3;
}

.msw-subscription-summary span,
.msw-subscription-summary small,
.msw-info-item small {
	color: #8b93a6;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.msw-subscription-plan strong,
.msw-subscription-next strong {
	color: #061326;
	font-size: 18px;
}

.msw-subscription-plan b {
	color: #0b4960;
	font-size: 28px;
	line-height: 1;
}

.msw-subscription-plan b small {
	letter-spacing: 0;
	text-transform: none;
}

.msw-subscription-plan b.msw-subscription-ended {
	color: #b42318;
	font-size: 18px;
}

.msw-subscription-heading {
	color: #061326 !important;
	font-weight: 800;
	margin-bottom: 12px !important;
}

.msw-subscription-included {
	display: grid;
	gap: 12px 28px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 24px;
}

.msw-subscription-included span {
	color: #061326;
	font-size: 13px;
}

.msw-subscription-included span::before {
	color: #16a65b;
	content: "✓";
	font-weight: 800;
	margin-right: 10px;
}

.msw-subscription-option,
.msw-subscription-action,
.msw-new-site-box {
	border: 1px solid #dde2e8;
	border-radius: 12px;
	margin-top: 12px;
	padding: 16px;
}

.msw-subscription-option {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.msw-subscription-option strong,
.msw-new-site-box strong,
.msw-subscription-action span {
	color: #061326;
	font-size: 14px;
}

.msw-subscription-option span {
	background: #fff2c2;
	border-radius: 999px;
	color: #b97000;
	font-size: 11px;
	font-weight: 800;
	margin-left: 8px;
	padding: 4px 8px;
}

.msw-subscription-option i {
	background: #cbd2dc;
	border-radius: 999px;
	height: 24px;
	width: 44px;
}

.msw-new-site-box {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.msw-subscription-footer,
.msw-info-footer {
	align-items: center;
	border-top: 1px solid #edf0f4;
	display: flex;
	justify-content: space-between;
	margin-top: 22px;
	padding-top: 18px;
}

.msw-subscription-footer span,
.msw-info-footer span {
	color: #8b93a6;
	font-size: 12px;
}

.msw-inline-cancel-form button,
.msw-info-footer a {
	background: transparent;
	border: 0;
	color: #ff4757;
	cursor: pointer;
	font-size: 13px;
	text-decoration: underline;
}

.msw-info-footer a {
	color: #0c5360;
	font-weight: 800;
	text-decoration: none;
}

.msw-info-grid {
	display: grid;
	gap: 22px 42px;
	grid-template-columns: 1fr 1fr;
	margin-top: 22px;
}

.msw-info-item {
	align-items: center;
	display: flex;
	gap: 12px;
}

.msw-info-icon {
	align-items: center;
	background: #edf4f7;
	border-radius: 10px;
	color: #0c5360;
	display: inline-flex;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.msw-info-item small,
.msw-info-item strong {
	display: block;
}

.msw-info-item strong {
	color: #061326;
	font-size: 14px;
	margin-top: 3px;
}

.msw-client-sites {
	border-top: 1px solid #edf0f4;
	display: grid;
	gap: 14px;
	margin-top: 24px;
	padding-top: 22px;
}

.msw-client-sites h3 {
	color: #061326;
	font-size: 16px;
	font-weight: 900;
	margin: 0;
}

.msw-client-site-list {
	display: grid;
	gap: 10px;
}

.msw-client-site-list article {
	align-items: center;
	border: 1px solid #dde5ee;
	border-radius: 12px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 14px 16px;
}

.msw-client-site-list article.is-active {
	background: #ecfdf3;
	border-color: #9cf2bc;
}

.msw-client-site-list strong,
.msw-client-site-list span {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.msw-client-site-list strong {
	color: #061326;
	font-size: 14px;
	font-weight: 900;
}

.msw-client-site-list span {
	color: #667085;
	font-size: 12px;
	margin-top: 4px;
}

.msw-client-site-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.msw-surecart-dashboard-block {
	border-top: 1px solid #edf0f4;
	margin-top: 26px;
	padding-top: 22px;
}

.msw-surecart-dashboard-block h3 {
	color: #061326;
	font-size: 16px;
	font-weight: 900;
	margin: 0 0 14px;
}

.msw-surecart-dashboard-block table,
.msw-surecart-dashboard-block [class*="sc-"] {
	max-width: 100%;
}

.msw-client-site-actions a {
	align-items: center;
	border: 1px solid #d8e1eb;
	border-radius: 10px;
	color: #0b5360;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	gap: 6px;
	min-height: 34px;
	padding: 0 11px;
	text-decoration: none;
	white-space: nowrap;
}

.msw-client-site-actions a:hover,
.msw-client-site-actions a:focus {
	background: #f0f8fb;
}

.msw-client-site-actions .msw-lucide-icon {
	height: 15px;
	width: 15px;
}

.msw-modal-open {
	overflow: hidden;
}

.msw-modal {
	display: none;
	inset: 0;
	position: fixed;
	z-index: 99999;
}

.msw-modal.is-open {
	display: block;
}

.msw-modal-backdrop {
	background: rgba(6, 19, 38, .58);
	inset: 0;
	position: absolute;
}

.msw-modal-panel {
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 28px 80px rgba(6, 19, 38, .25);
	left: 50%;
	max-height: calc(100vh - 48px);
	max-width: 780px;
	overflow: auto;
	padding: 26px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100vw - 32px);
}

.msw-modal-panel h2 {
	color: #061326;
	font-size: 22px;
	font-weight: 900;
	margin: 0 40px 8px 0;
}

.msw-modal-panel > p {
	color: #667085;
	font-size: 13px;
	margin: 0 0 18px;
}

.msw-modal-close {
	align-items: center;
	background: #f3f6f9;
	border: 1px solid #dde5ee;
	border-radius: 999px;
	color: #061326;
	cursor: pointer;
	display: inline-flex;
	font-size: 24px;
	height: 34px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 34px;
}

.msw-contact-box {
	display: grid;
	gap: 6px;
}

.msw-form-hint,
.msw-notice {
	font-size: 13px;
}

.msw-notice {
	border-radius: 10px;
	font-weight: 800;
	line-height: 1.45;
	margin: 0 0 16px;
	padding: 12px 14px;
}

.msw-notice-info {
	background: #eff6ff;
	color: #174ea6;
}

.msw-notice-success {
	background: #ecfdf3;
	color: #067647;
}

.msw-notice-error {
	background: #fef3f2;
	color: #b42318;
}

@media (max-width: 980px) {
	.msw-dashboard-v2 {
		grid-template-columns: 1fr;
		margin-left: 0;
		width: 100%;
	}

	.msw-dashboard-sidebar {
		min-height: auto;
		position: static;
	}

	.msw-dashboard-nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.msw-sidebar-user,
	.msw-dashboard-logout {
		display: none;
	}

	.msw-dashboard-main > * {
		max-width: none;
	}
}

@media (max-width: 680px) {
	.msw-dashboard-topbar {
		padding: 0 18px;
	}

	.msw-dashboard-main {
		padding: 18px;
	}

	.msw-welcome-heading,
	.msw-card-header,
	.msw-subscription-summary,
	.msw-subscription-included,
	.msw-info-grid,
	.msw-new-site-box {
		display: grid;
		grid-template-columns: 1fr;
	}

	.msw-timeline-heading {
		grid-template-columns: 18px 16px minmax(0, 1fr);
	}

	.msw-step-badge,
	.msw-link-button {
		grid-column: 3;
		width: fit-content;
	}

	.msw-dashboard-nav {
		grid-template-columns: 1fr;
	}
}

/* v0.2.2 - Icônes Lucide + menu mobile conforme à la maquette */
.msw-lucide-icon {
	display: block;
	height: 20px;
	width: 20px;
}

.msw-nav-icon .msw-lucide-icon,
.msw-topbar-icon .msw-lucide-icon {
	stroke-width: 1.9;
}

.msw-info-icon .msw-lucide-icon {
	height: 17px;
	width: 17px;
	stroke-width: 2;
}

.msw-mobile-menu-close {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: #d3edf3;
	cursor: pointer;
	display: none;
	font-size: 32px;
	font-weight: 300;
	height: 36px;
	justify-content: center;
	line-height: 1;
	margin-left: auto;
	padding: 0;
	width: 36px;
}

.msw-mobile-menu-close:hover,
.msw-mobile-menu-close:focus {
	color: #ffffff;
}

.msw-support-portal {
	margin-top: 18px;
}

.msw-message-thread {
	display: grid;
	gap: 14px;
	margin: 18px 0 22px;
	max-height: min(58vh, 560px);
	overflow-y: auto;
	padding-right: 8px;
	scrollbar-gutter: stable;
}

.msw-message-empty {
	background: #f8fafc;
	border: 1px solid #e5edf5;
	border-radius: 12px;
	color: #667085;
	padding: 18px;
}

.msw-message-item {
	border: 1px solid #dfe6ef;
	border-radius: 12px;
	max-width: 82%;
	position: relative;
	padding: 14px 16px;
}

.msw-message-item.is-admin {
	background: #e9fbff;
	border-color: #a7ecf7;
	justify-self: start;
}

.msw-message-item.is-client {
	background: #f5f7fb;
	justify-self: end;
}

.msw-message-item > div:first-child {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 8px;
	padding-right: 58px;
}

.msw-message-item > div:first-child small {
	display: none;
}

.msw-message-item strong {
	color: #061326;
	font-size: 14px;
}

.msw-message-item small {
	color: #8a94a6;
	font-size: 12px;
}

.msw-message-item p {
	color: #253044;
	font-size: 14px;
	line-height: 1.55;
	margin: 0;
}

.msw-message-item.is-deleted p {
	color: #8a94a6;
	font-style: italic;
}

.msw-message-attachments {
	display: grid;
	gap: 6px;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.msw-message-attachments a {
	align-items: center;
	background: rgba(255, 255, 255, .7);
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	color: #075466;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
	max-width: 100%;
	padding: 7px 9px;
	text-decoration: none;
}

.msw-message-receipt {
	align-items: center;
	color: #8792a3;
	display: inline-flex;
	font-size: 11px;
	font-weight: 500;
	gap: 5px;
	margin-top: 10px;
	opacity: .85;
}

.msw-message-date {
	color: #8a94a6;
	display: block;
	font-size: 11px;
	font-weight: 500;
	margin-top: 10px;
}

.msw-message-receipt.is-read {
	color: #0b8f68;
}

.msw-message-receipt.is-received {
	color: #667085;
}

.msw-message-actions {
	align-items: center;
	display: flex;
	gap: 8px;
	position: absolute;
	right: 12px;
	top: 12px;
}

.msw-message-action {
	align-items: center;
	background: rgba(255, 255, 255, .8);
	border: 1px solid #dfe6ef;
	border-radius: 999px;
	color: #1d4ed8;
	cursor: pointer;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	padding: 0;
	width: 28px;
}

.msw-message-action .msw-lucide-icon {
	height: 14px;
	width: 14px;
}

.msw-message-action:hover {
	background: #ffffff;
	border-color: #cbd5e1;
}

.msw-message-action.is-danger {
	color: #b42318;
}

.msw-message-action.is-danger:hover {
	border-color: #f0b6b2;
}

.msw-message-action {
	font-size: 0;
}

.msw-message-form {
	border-top: 1px solid #edf0f4;
	display: grid;
	gap: 10px;
	padding-top: 18px;
}

.msw-message-form label {
	color: #061326;
	font-weight: 800;
}

.msw-message-form textarea {
	border: 1px solid #dfe6ef;
	border-radius: 10px;
	min-height: 130px;
	padding: 12px;
	resize: vertical;
	width: 100%;
}

.msw-message-file-label {
	color: #667085;
	font-size: 13px;
	font-weight: 800;
	margin-top: 4px;
}

.msw-message-form input[type="file"] {
	border: 1px dashed #cfd8e5;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
}

.msw-message-toast {
	background: #ffffff;
	border: 1px solid #d8e4ee;
	border-left: 4px solid #0ea5b7;
	border-radius: 12px;
	bottom: 22px;
	box-shadow: 0 18px 50px rgba(6, 19, 38, .20);
	color: #061326;
	display: grid;
	font-size: 14px;
	gap: 6px;
	line-height: 1.35;
	max-width: min(360px, calc(100vw - 32px));
	opacity: 0;
	padding: 14px 16px;
	position: fixed;
	right: 22px;
	transform: translateY(14px);
	transition: opacity .2s ease, transform .2s ease;
	z-index: 999999;
}

.msw-message-toast strong {
	color: #061326;
	font-size: 14px;
	font-weight: 900;
}

.msw-message-toast span {
	color: #5f6b7a;
	font-size: 13px;
}

.msw-message-toast a {
	color: #075466;
	font-size: 13px;
	font-weight: 900;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.msw-message-toast.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 980px) {
	.msw-dashboard-v2 {
		display: block;
		margin-left: 0;
		width: 100%;
	}

	.msw-dashboard-sidebar {
		background: #0b5561;
		border-radius: 0;
		box-shadow: none;
		min-height: auto;
		position: relative;
		width: 100%;
	}

	.msw-dashboard-brand {
		height: 64px;
		padding: 0 18px;
	}

	.msw-dashboard-brand strong {
		font-size: 16px;
	}

	.msw-mobile-menu-close {
		display: inline-flex;
	}

	.msw-dashboard-nav {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 16px 14px 22px;
	}

	.msw-nav-title {
		display: none;
	}

	.msw-dashboard-nav-item {
		border-radius: 12px;
		font-size: 14px;
		gap: 14px;
		min-height: 42px;
		padding: 0 16px;
	}

	.msw-dashboard-nav-item.is-active {
		background: rgba(255, 255, 255, 0.16);
		box-shadow: inset 3px 0 0 #e7fbff;
	}

	.msw-nav-badge {
		height: 21px;
		min-width: 21px;
	}
}

@media (max-width: 680px) {
	.msw-dashboard-nav {
		display: flex;
		grid-template-columns: none;
	}
}


/* v0.2.4 - Accueil tableau de bord conforme a la maquette */
.msw-dashboard-v2 {
	background: #f6f8fb;
	grid-template-columns: 252px minmax(0, 1fr);
}

.msw-menu-toggle {
	left: -9999px;
	position: absolute;
}

.msw-dashboard-sidebar {
	background: linear-gradient(180deg, #0b5360 0%, #064d59 100%);
	box-shadow: 10px 0 34px rgba(6, 43, 52, 0.16);
	z-index: 10;
}

.msw-dashboard-brand {
	height: 70px;
	padding: 0 18px;
}

.msw-brand-mark {
	background: rgba(255, 255, 255, 0.18);
	border-radius: 10px;
	height: 34px;
	width: 34px;
}

.msw-dashboard-brand strong {
	font-size: 15px;
}

.msw-dashboard-nav {
	gap: 12px;
	padding: 18px 12px;
}

.msw-nav-title {
	font-size: 10px;
	margin: 0 0 4px 0;
	padding-left: 4px;
}

.msw-dashboard-nav-item {
	border-radius: 11px;
	font-size: 14px;
	min-height: 43px;
	padding: 0 14px;
}

.msw-dashboard-nav-item.is-active {
	background: rgba(255, 255, 255, 0.14);
	box-shadow: inset 3px 0 0 #ffffff;
}

.msw-dashboard-content {
	background: #f6f8fb;
}

.msw-dashboard-topbar {
	background: #ffffff;
	border-bottom: 1px solid #e3e7ee;
	height: 70px;
	padding: 0 36px;
}

.msw-topbar-left {
	align-items: center;
	display: flex;
	flex: 1;
	gap: 20px;
	min-width: 0;
}

.msw-topbar-left strong {
	font-size: 15px;
}

.msw-mobile-menu-button {
	align-items: center;
	background: #ffffff;
	border: 1px solid #d8e0ea;
	border-radius: 9px;
	color: #0b5360;
	cursor: pointer;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.msw-topbar-actions {
	align-items: center;
	display: flex;
	gap: 26px;
}

.msw-topbar-actions a {
	align-items: center;
	color: #061326;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	text-decoration: none;
}

.msw-topbar-action-link {
	position: relative;
}

.msw-topbar-message-badge-live {
	align-items: center;
	background: #1d4ed8;
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	height: 20px;
	justify-content: center;
	line-height: 1;
	min-width: 20px;
	padding: 0 6px;
}

.msw-topbar-message-badge-live[hidden] {
	display: none !important;
}

.msw-topbar-actions .msw-lucide-icon {
	height: 17px;
	width: 17px;
}

.msw-site-tools {
	align-items: center;
	display: flex;
	gap: 10px;
	min-width: 0;
}

.msw-site-switcher {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #dfe5ec;
	border-radius: 11px;
	display: flex;
	gap: 10px;
	min-height: 42px;
	min-width: 0;
	padding: 7px 10px 7px 12px;
}

.msw-site-switcher label,
.msw-site-switcher > span {
	color: #667085;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.msw-site-switcher div {
	align-items: center;
	display: flex;
	gap: 6px;
}

.msw-site-switcher select {
	appearance: none;
	background: transparent;
	border: 0;
	color: #061326;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	max-width: 260px;
	min-width: 160px;
	outline: none;
	padding: 0;
}

.msw-site-switcher strong {
	color: #061326;
	font-size: 13px;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.msw-site-switcher .msw-lucide-icon {
	color: #667085;
	height: 16px;
	width: 16px;
}

.msw-site-access-button {
	align-items: center;
	background: #0c5360;
	border: 1px solid #0c5360;
	border-radius: 11px;
	color: #ffffff;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
	min-height: 42px;
	padding: 0 13px;
	text-decoration: none;
	white-space: nowrap;
}

.msw-site-access-button:hover,
.msw-site-access-button:focus {
	background: #083f49;
	color: #ffffff;
}

.msw-site-access-button .msw-lucide-icon {
	height: 16px;
	width: 16px;
}

.msw-dashboard-main {
	gap: 20px;
	padding: 24px 56px 42px;
}

.msw-dashboard-main > * {
	max-width: 840px;
}

.msw-home-hero {
	background: transparent;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 0;
}

.msw-home-hero-title h1 {
	color: #09192c;
	font-size: 26px;
	line-height: 1.16;
	margin: 0 0 6px;
}

.msw-home-hero-title small {
	color: #667085;
	display: block;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 7px;
}

.msw-home-hero-title p {
	color: #5e697c;
	font-size: 14px;
	margin: 0;
}

.msw-home-progress {
	grid-column: 1 / -1;
	margin-top: 28px;
}

.msw-home-progress > div:first-child {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.msw-home-progress span {
	color: #5e697c;
	font-size: 13px;
}

.msw-home-progress strong {
	color: #223149;
	font-size: 14px;
}

.msw-home-progress .msw-progress-bar {
	background: #e5e9ef;
	height: 6px;
}

.msw-home-progress .msw-progress-bar span {
	background: #11a085;
}

.msw-discovery-pill {
	align-self: start;
	background: #dff8e8;
	color: #078055;
	font-size: 12px;
	padding: 7px 13px;
}

.msw-card {
	border: 1px solid #dfe5ec;
	border-radius: 15px;
	box-shadow: 0 8px 22px rgba(16, 24, 40, 0.04);
	padding: 22px;
}

.msw-card h2 {
	font-size: 18px;
	margin: 0;
}

.msw-home-subscription-card {
	padding: 22px 24px 20px;
}

.msw-home-subscription-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 255px minmax(0, 1fr);
	margin-top: 18px;
}

.msw-home-plan-box {
	background: linear-gradient(135deg, #eefcfd 0%, #f7ffff 100%);
	border: 1px solid #88dfe4;
	border-radius: 12px;
	display: grid;
	gap: 9px;
	padding: 18px 17px;
}

.msw-home-plan-box span,
.msw-home-subscription-details span {
	color: #667085;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.msw-home-plan-box strong {
	color: #08182b;
	font-size: 20px;
	line-height: 1;
}

.msw-home-plan-box b {
	color: #061326;
	font-size: 24px;
	line-height: 1;
}

.msw-home-plan-box small {
	font-size: 14px;
	font-weight: 500;
}

.msw-home-subscription-details {
	border: 1px solid #dfe5ec;
	border-radius: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 116px;
}

.msw-home-subscription-details > div {
	display: grid;
	gap: 8px;
	padding: 17px 20px;
}

.msw-home-subscription-details > div + div {
	border-left: 1px solid #dfe5ec;
}

.msw-home-subscription-details p {
	color: #667085;
	font-size: 13px;
	margin: 0;
}

.msw-home-subscription-details a {
	align-items: center;
	color: #0d579b;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 7px;
	text-decoration: underline;
	width: fit-content;
}

.msw-home-subscription-details a .msw-lucide-icon,
.msw-home-outline-button .msw-lucide-icon {
	height: 15px;
	width: 15px;
}

.msw-home-subscription-details strong:not(.msw-status-pill) {
	color: #08182b;
	font-size: 18px;
	line-height: 1;
}

.msw-status-pill {
	font-size: 12px;
	font-weight: 700;
	padding: 7px 10px;
	width: fit-content;
}

.msw-status-pill::before {
	background: currentColor;
	border-radius: 999px;
	content: "";
	height: 7px;
	margin-right: 8px;
	width: 7px;
}

.msw-status-pill.msw-status-canceled {
	background: #ffe5e7;
	color: #f04438;
}

.msw-status-pill.msw-status-trialing,
.msw-status-pill.msw-status-active {
	background: #dff8e8;
	color: #078055;
}

.msw-status-pill.msw-status-past_due,
.msw-status-pill.msw-status-incomplete {
	background: #fff4d8;
	color: #b86b00;
}

.msw-home-alert {
	align-items: center;
	background: #edf6ff;
	border: 1px solid #b8d9ff;
	border-radius: 9px;
	color: #0a3d83;
	display: flex;
	font-size: 13px;
	gap: 12px;
	margin-top: 18px;
	padding: 13px 16px;
}

.msw-home-alert .msw-lucide-icon {
	background: #0b78d1;
	border-radius: 999px;
	color: #ffffff;
	flex: 0 0 22px;
	height: 22px;
	padding: 4px;
	width: 22px;
}

.msw-home-card-header {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 22px;
}

.msw-home-progress-card .msw-progress-legend {
	border: 0;
	gap: 16px;
	margin: 10px 0 0;
	padding: 0;
}

.msw-home-progress-card .msw-progress-legend span {
	font-size: 12px;
}

.msw-dot {
	height: 8px;
	width: 8px;
}

.msw-home-outline-button {
	align-items: center;
	background: #ffffff;
	border: 1px solid #99a7b8;
	border-radius: 8px;
	color: #061326;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 9px;
	height: 38px;
	padding: 0 16px;
	text-decoration: none;
	white-space: nowrap;
}

.msw-home-steps {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	padding-top: 6px;
}

.msw-home-step {
	align-items: center;
	display: grid;
	gap: 8px;
	justify-items: center;
	position: relative;
	text-align: center;
}

.msw-home-step:not(:last-child)::after {
	border-top: 2px dotted #d7dce3;
	content: "";
	left: calc(50% + 20px);
	position: absolute;
	top: 19px;
	width: calc(100% - 40px);
}

.msw-home-step-number {
	align-items: center;
	background: #eef2f6;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	color: #344054;
	display: inline-flex;
	font-size: 15px;
	height: 38px;
	justify-content: center;
	width: 38px;
	z-index: 1;
}

.msw-home-step strong {
	color: #1f2a3d;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.25;
	min-height: 31px;
}

.msw-home-step em {
	border-radius: 7px;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	padding: 6px 10px;
}

.msw-home-step-done .msw-home-step-number {
	background: #dff9e8;
	border-color: #47c581;
	color: #067647;
}

.msw-home-step-progress .msw-home-step-number {
	background: #e4f4ff;
	border-color: #2d9cef;
	color: #0b78d1;
}

.msw-home-step-waiting .msw-home-step-number {
	background: #fff1d7;
	border-color: #f59e0b;
	color: #b86b00;
}

.msw-home-step-done em { background: #dff9e8; color: #067647; }
.msw-home-step-progress em { background: #d8efff; color: #0b78d1; }
.msw-home-step-waiting em { background: #ffe1b7; color: #b86b00; }
.msw-home-step-todo em { background: #edf0f4; color: #667085; }

.msw-home-online-card {
	display: grid;
	gap: 18px;
	padding: 22px 24px;
}

.msw-home-online-card .msw-home-card-header {
	margin-bottom: 0;
}

.msw-home-online-card .msw-home-card-header p {
	color: #667085;
	font-size: 13px;
	margin: 7px 0 0;
}

.msw-home-card-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.msw-home-online-banner {
	align-items: center;
	background: #ecfdf3;
	border: 1px solid #9cf2bc;
	border-radius: 13px;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr);
	padding: 16px 18px;
}

.msw-home-online-icon {
	align-items: center;
	background: #d8fae4;
	border-radius: 999px;
	color: #078055;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.msw-home-online-icon .msw-lucide-icon {
	height: 20px;
	width: 20px;
}

.msw-home-online-banner strong {
	color: #078055;
	display: block;
	font-size: 17px;
	font-weight: 900;
	margin-bottom: 4px;
}

.msw-home-online-banner span {
	color: #667085;
	font-size: 13px;
}

.msw-home-online-banner a {
	color: #0b5360;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	margin-top: 5px;
	text-decoration: none;
}

.msw-home-online-banner a:hover,
.msw-home-online-banner a:focus {
	text-decoration: underline;
}

.msw-home-status-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.msw-home-status-grid article {
	border: 1px solid #dde5ee;
	border-radius: 12px;
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 15px;
}

.msw-home-status-grid .msw-lucide-icon {
	color: #07566a;
	height: 19px;
	width: 19px;
}

.msw-home-status-grid span {
	color: #8a94a6;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.msw-home-status-grid strong {
	color: #061326;
	font-size: 14px;
	line-height: 1.25;
}

.msw-home-status-grid small {
	color: #8a94a6;
	font-size: 11px;
	line-height: 1.35;
}

.msw-home-info-card {
	padding: 22px 24px;
}

.msw-home-info-grid {
	display: grid;
	gap: 22px 42px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 22px;
}

.msw-home-info-grid .msw-info-item {
	min-width: 0;
}

.msw-home-info-grid .msw-info-icon {
	background: #f0f3f6;
	height: 38px;
	width: 38px;
}

.msw-home-info-grid .msw-info-icon .msw-lucide-icon {
	height: 19px;
	width: 19px;
}

.msw-home-info-grid .msw-info-item small {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.msw-home-info-grid .msw-info-item strong {
	font-size: 13px;
	line-height: 1.25;
	word-break: break-word;
}

.msw-home-info-edit {
	align-self: center;
	justify-self: end;
}

@media (max-width: 1120px) {
	.msw-dashboard-main {
		padding-left: 36px;
		padding-right: 36px;
	}

	.msw-dashboard-main > * {
		max-width: none;
	}
}

@media (max-width: 980px) {
	.msw-dashboard-v2 {
		display: grid;
		grid-template-columns: 1fr;
		min-height: 100vh;
	}

	.msw-dashboard-sidebar {
		border-radius: 12px;
		box-shadow: 0 18px 45px rgba(6, 43, 52, 0.32);
		display: none;
		left: 16px;
		min-height: auto;
		position: fixed;
		right: 16px;
		top: 16px;
		width: auto;
		z-index: 1000;
	}

	.msw-menu-toggle:checked + .msw-dashboard-sidebar {
		display: flex;
	}

	.msw-dashboard-nav {
		display: flex;
		grid-template-columns: none;
		padding-bottom: 24px;
	}

	.msw-dashboard-topbar {
		gap: 12px;
		padding: 0 20px;
	}

	.msw-topbar-left {
		flex: 1;
		min-width: 0;
	}

	.msw-topbar-actions {
		display: none;
	}

	.msw-site-tools {
		flex: 1;
		min-width: 0;
	}

	.msw-site-switcher {
		flex: 1;
		margin-left: 0;
		min-width: 0;
	}

	.msw-site-switcher label,
	.msw-site-switcher > span {
		display: none;
	}

	.msw-site-switcher div {
		flex: 1;
		min-width: 0;
		width: 100%;
	}

	.msw-site-switcher select {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.msw-topbar-left .msw-site-access-button {
		display: none;
	}

	.msw-mobile-menu-close {
		display: inline-flex;
	}

	.msw-dashboard-main {
		padding: 24px 20px 36px;
	}

	.msw-home-subscription-grid,
	.msw-home-subscription-details,
	.msw-home-info-grid,
	.msw-home-status-grid {
		grid-template-columns: 1fr;
	}

	.msw-home-subscription-details > div + div {
		border-left: 0;
		border-top: 1px solid #dfe5ec;
	}

	.msw-home-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 10px;
	}

	.msw-home-step:not(:last-child)::after {
		display: none;
	}
}

@media (max-width: 680px) {
	.msw-home-hero {
		gap: 16px;
		grid-template-columns: 1fr;
	}

	.msw-discovery-pill {
		justify-self: start;
	}

	.msw-home-card-header {
		display: grid;
		gap: 14px;
	}

	.msw-home-card-actions {
		justify-content: stretch;
	}

	.msw-home-outline-button,
	.msw-home-info-edit {
		justify-self: stretch;
		width: 100%;
	}

	.msw-client-site-list article,
	.msw-site-online-banner {
		grid-template-columns: 1fr;
	}

	.msw-client-site-actions,
	.msw-site-online-actions {
		justify-content: flex-start;
		justify-items: start;
	}
}


/* v0.2.5 - Bascule sidebar desktop + menu mobile lateral gauche */
@media (min-width: 981px) {
	.msw-dashboard-v2:has(.msw-menu-toggle:checked) {
		grid-template-columns: 76px minmax(0, 1fr);
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-sidebar {
		width: 76px;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-brand {
		justify-content: center;
		padding-left: 0;
		padding-right: 0;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-brand strong,
	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-nav-title,
	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-sidebar-user,
	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-logout {
		display: none;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-nav {
		align-items: center;
		padding-left: 10px;
		padding-right: 10px;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-nav-item {
		font-size: 0;
		gap: 0;
		height: 44px;
		justify-content: center;
		min-height: 44px;
		padding: 0;
		width: 44px;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-dashboard-nav-item.is-active {
		box-shadow: inset 3px 0 0 #e7fbff;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-nav-icon {
		flex-basis: 20px;
	}

	.msw-dashboard-v2:has(.msw-menu-toggle:checked) .msw-nav-badge {
		font-size: 11px;
		height: 18px;
		min-width: 18px;
		padding: 0 5px;
		position: absolute;
		right: -5px;
		top: 2px;
	}
}

@media (max-width: 980px) {
	.msw-dashboard-sidebar {
		border-radius: 0 16px 16px 0;
		bottom: 0;
		display: flex;
		left: 0;
		min-height: 100vh;
		overflow-y: auto;
		right: auto;
		top: 0;
		transform: translateX(-105%);
		transition: transform 220ms ease;
		width: min(286px, 88vw);
	}

	.msw-menu-toggle:checked + .msw-dashboard-sidebar {
		display: flex;
		transform: translateX(0);
	}

	.msw-dashboard-brand {
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.msw-dashboard-nav {
		gap: 10px;
	}

	.msw-dashboard-content {
		min-width: 0;
	}
}

/* v0.2.6 - Edition du compte WordPress depuis l'onglet Mes informations */
.msw-account-form {
	border-top: 1px solid #edf0f4;
	display: grid;
	gap: 16px;
	margin-top: 26px;
	padding-top: 24px;
}

.msw-account-form h3 {
	color: #061326;
	font-size: 16px;
	font-weight: 900;
	margin: 4px 0 0;
}

.msw-account-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.msw-account-grid label {
	display: grid;
	gap: 7px;
}

.msw-account-grid label span {
	color: #59647a;
	font-size: 12px;
	font-weight: 800;
}

.msw-account-grid input {
	background: #ffffff;
	border: 1px solid #d8dde6;
	border-radius: 11px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
	color: #061326;
	font: inherit;
	min-height: 44px;
	padding: 10px 13px;
	width: 100%;
}

.msw-account-grid input:focus {
	border-color: #0c8795;
	box-shadow: 0 0 0 3px rgba(12, 135, 149, .12);
	outline: none;
}

.msw-account-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 2px;
}

.msw-account-actions .msw-button {
	border-radius: 11px;
	min-height: 44px;
	padding-inline: 18px;
}

@media (max-width: 720px) {
	.msw-account-grid {
		grid-template-columns: 1fr;
	}

	.msw-account-actions {
		justify-content: stretch;
	}

	.msw-account-actions .msw-button {
		width: 100%;
	}
}

/* v0.2.7 - Mes informations : formulaire masque jusqu'au clic */
.msw-account-edit-toggle {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.msw-account-edit-button {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	gap: 8px;
	justify-content: center;
	margin-top: 22px;
	width: fit-content;
}

.msw-account-form {
	display: none;
}

.msw-account-edit-toggle:checked + .msw-account-edit-button {
	background: #0b5b66;
	color: #ffffff;
}

.msw-account-edit-toggle:checked + .msw-account-edit-button + .msw-account-form {
	display: grid;
}

.msw-account-grid small {
	color: #7b8495;
	font-size: 11px;
	line-height: 1.4;
}

.msw-account-grid input:disabled {
	background: #f5f7fa;
	color: #6b7280;
	cursor: not-allowed;
}

@media (max-width: 720px) {
	.msw-account-edit-button {
		width: 100%;
	}
}

.msw-site-status-card {
	display: grid;
	gap: 18px;
}

.msw-umbrella-empty {
	background: #f8fafc;
	border: 1px solid #dde5ee;
	border-radius: 12px;
	display: grid;
	gap: 8px;
	padding: 18px;
}

.msw-umbrella-empty strong {
	color: #061326;
	font-size: 15px;
}

.msw-umbrella-error {
	background: #fff1f2;
	border-color: #fecdd3;
}

.msw-umbrella-error strong {
	color: #b42318;
}

.msw-umbrella-summary {
	align-items: center;
	background: #edfaff;
	border: 1px solid #91e0ea;
	border-radius: 12px;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 16px 18px;
}

.msw-umbrella-summary div {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.msw-umbrella-summary strong {
	color: #061326;
	font-size: 16px;
}

.msw-umbrella-summary a,
.msw-umbrella-summary span {
	color: #526176;
	font-size: 12px;
}

.msw-umbrella-summary a {
	overflow-wrap: anywhere;
	text-decoration: none;
}

.msw-umbrella-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.msw-umbrella-stat {
	background: #ffffff;
	border: 1px solid #dde5ee;
	border-radius: 12px;
	display: grid;
	gap: 8px;
	min-height: 118px;
	padding: 16px;
}

.msw-umbrella-stat span {
	color: #7d8798;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.msw-umbrella-stat strong {
	color: #061326;
	font-size: 24px;
	line-height: 1;
}

.msw-umbrella-stat small {
	color: #7d8798;
	font-size: 12px;
	line-height: 1.4;
}

.msw-umbrella-good {
	color: #078055 !important;
}

.msw-umbrella-warning {
	color: #b86b00 !important;
}

.msw-umbrella-danger {
	color: #b42318 !important;
}

.msw-umbrella-panels {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.msw-umbrella-panel {
	border: 1px solid #dde5ee;
	border-radius: 12px;
	display: grid;
	gap: 10px;
	padding: 16px;
}

.msw-umbrella-panel h3 {
	color: #061326;
	font-size: 14px;
	margin: 0;
}

.msw-umbrella-panel p,
.msw-umbrella-cache-note {
	color: #7d8798 !important;
	font-size: 12px !important;
}

.msw-maintenance-list,
.msw-availability-summary {
	display: grid;
	gap: 10px;
}

.msw-maintenance-item {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #edf0f4;
	border-radius: 10px;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	padding: 11px 12px;
}

.msw-maintenance-item span {
	color: #526176;
	font-size: 13px;
	font-weight: 700;
}

.msw-maintenance-item strong {
	color: #061326;
	font-size: 13px;
	text-align: right;
}

.msw-availability-summary > span {
	background: #e8f8ef;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	padding: 7px 11px;
	width: fit-content;
}

.msw-availability-summary p {
	background: #f8fafc;
	border-radius: 10px;
	margin: 0 !important;
	padding: 10px 12px;
}

.msw-umbrella-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.msw-umbrella-list li {
	color: #314056;
	font-size: 13px;
	line-height: 1.4;
	padding-left: 18px;
	position: relative;
}

.msw-umbrella-list li::before {
	background: #17bcd4;
	border-radius: 999px;
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 7px;
}

.msw-umbrella-cache-note {
	border-top: 1px solid #edf0f4;
	padding-top: 14px;
}

@media (max-width: 900px) {
	.msw-umbrella-grid,
	.msw-umbrella-panels {
		grid-template-columns: 1fr;
	}

	.msw-umbrella-summary {
		align-items: flex-start;
		flex-direction: column;
	}

	.msw-maintenance-item {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.msw-maintenance-item strong {
		text-align: left;
	}
}

.msw-site-status-card {
	gap: 20px;
}

.msw-site-status-card .msw-card-header {
	margin-bottom: 4px;
}

.msw-site-online-banner {
	align-items: center;
	background: #ecfdf3;
	border: 1px solid #9cf2bc;
	border-radius: 14px;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 18px 20px;
}

.msw-site-online-icon {
	align-items: center;
	background: #d8fae4;
	border-radius: 999px;
	color: #0aa36d;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.msw-site-online-icon .msw-lucide-icon {
	height: 22px;
	width: 22px;
}

.msw-site-online-banner strong {
	color: #008c56;
	display: block;
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 4px;
}

.msw-site-online-banner span {
	color: #5f6b7d;
	font-size: 13px;
}

.msw-site-online-banner a:not(.msw-site-access-button) {
	color: #0b5360;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	margin-top: 5px;
	text-decoration: none;
}

.msw-site-online-banner a:not(.msw-site-access-button):hover,
.msw-site-online-banner a:not(.msw-site-access-button):focus {
	text-decoration: underline;
}

.msw-site-online-actions {
	align-items: flex-end;
	display: grid;
	gap: 10px;
	justify-items: end;
}

.msw-site-online-banner p {
	align-items: center;
	color: #223149;
	display: inline-flex;
	font-size: 13px;
	gap: 8px;
	justify-content: flex-end;
	margin: 0;
	white-space: nowrap;
}

.msw-site-online-banner p .msw-lucide-icon {
	color: #738095;
	height: 16px;
	width: 16px;
}

.msw-site-status-top-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.msw-site-panel,
.msw-site-updates-card {
	background: #ffffff;
	border: 1px solid #dde5ee;
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(16, 24, 40, 0.03);
	padding: 20px;
}

.msw-site-panel h3,
.msw-site-updates-header h3 {
	align-items: center;
	color: #061326;
	display: flex;
	font-size: 16px;
	font-weight: 900;
	gap: 9px;
	line-height: 1.25;
	margin: 0;
}

.msw-site-panel h3 .msw-lucide-icon,
.msw-site-updates-header h3 .msw-lucide-icon {
	color: #07566a;
	height: 18px;
	width: 18px;
}

.msw-performance-panel {
	display: grid;
	gap: 20px;
}

.msw-performance-scores {
	align-items: start;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.msw-performance-score {
	align-items: center;
	display: grid;
	gap: 8px;
	justify-items: center;
	position: relative;
}

.msw-performance-score + .msw-performance-score {
	border-left: 1px solid #edf0f4;
}

.msw-performance-device {
	color: #9aa4b4;
	display: inline-flex;
}

.msw-performance-device .msw-lucide-icon {
	height: 16px;
	width: 16px;
}

.msw-score-ring {
	--ring-color: #16a65b;
	align-items: center;
	background:
		radial-gradient(circle, #fff 0 54%, transparent 55%),
		conic-gradient(var(--ring-color) calc(var(--score) * 1%), #edf0f4 0);
	border-radius: 999px;
	display: grid;
	height: 66px;
	justify-items: center;
	line-height: 1;
	place-content: center;
	width: 66px;
}

.msw-score-exceptional .msw-score-ring { --ring-color: #0aa36d; }
.msw-score-very-good .msw-score-ring { --ring-color: #16a65b; }
.msw-score-good .msw-score-ring { --ring-color: #0ea5a4; }
.msw-score-correct .msw-score-ring { --ring-color: #f59e0b; }
.msw-score-fix .msw-score-ring { --ring-color: #f97316; }

.msw-score-ring strong {
	color: var(--ring-color);
	font-size: 20px;
	font-weight: 900;
}

.msw-score-ring small {
	color: #8a94a6;
	font-size: 10px;
	font-weight: 800;
}

.msw-performance-score b {
	color: #061326;
	font-size: 14px;
}

.msw-performance-score em {
	background: #e8f8ef;
	border-radius: 999px;
	color: #078055;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	padding: 4px 9px;
}

.msw-score-exceptional em { background: #d8fae4; color: #078055; }
.msw-score-very-good em { background: #e8f8ef; color: #078055; }
.msw-score-good em { background: #e6fffb; color: #0f766e; }
.msw-score-correct em { background: #fff4d8; color: #b86b00; }
.msw-score-fix em { background: #ffedd5; color: #c2410c; }

.msw-performance-panel > p {
	color: #8a94a6;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

.msw-technical-panel {
	display: grid;
	gap: 16px;
}

.msw-technical-list {
	display: grid;
	gap: 0;
}

.msw-technical-item {
	align-items: center;
	border-top: 1px solid #edf0f4;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 14px 0;
}

.msw-technical-item:first-child {
	border-top: 0;
	padding-top: 0;
}

.msw-technical-item:last-child {
	padding-bottom: 0;
}

.msw-technical-icon {
	align-items: center;
	background: #eef5f7;
	border-radius: 10px;
	color: #07566a;
	display: inline-flex;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.msw-technical-icon .msw-lucide-icon,
.msw-technical-check .msw-lucide-icon {
	height: 17px;
	width: 17px;
}

.msw-technical-icon.msw-technical-ok {
	background: #e8f8ef;
	color: #078055;
}

.msw-technical-icon.msw-technical-warning {
	background: #fff4d8;
	color: #b86b00;
}

.msw-technical-item span {
	color: #8a94a6;
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}

.msw-technical-item strong {
	color: #061326;
	display: block;
	font-size: 13px;
	line-height: 1.35;
}

.msw-technical-check {
	align-items: center;
	background: #d8fae4;
	border-radius: 999px;
	color: #0aa36d;
	display: inline-flex;
	height: 26px;
	justify-content: center;
	width: 26px;
}

.msw-site-updates-card {
	display: grid;
	gap: 0;
	padding: 0;
	overflow: hidden;
}

.msw-site-updates-header {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 18px 20px;
}

.msw-site-updates-header h3 {
	margin-right: auto;
}

.msw-site-updates-header > span {
	background: #edf2f7;
	border-radius: 999px;
	color: #526176;
	font-size: 12px;
	font-weight: 900;
	padding: 6px 10px;
}

.msw-site-update-list {
	border-top: 1px solid #edf0f4;
	display: grid;
}

.msw-site-update-row {
	align-items: center;
	border-bottom: 1px solid #edf0f4;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-height: 64px;
	padding: 13px 20px;
}

.msw-site-update-row:last-child {
	border-bottom: 0;
}

.msw-site-update-icon {
	align-items: center;
	background: #fff4d8;
	border-radius: 999px;
	color: #f59e0b;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.msw-site-update-icon .msw-lucide-icon {
	height: 15px;
	width: 15px;
}

.msw-site-update-row strong {
	color: #061326;
	display: block;
	font-size: 14px;
	margin-bottom: 3px;
}

.msw-site-update-row span {
	color: #8993a7;
	display: block;
	font-size: 12px;
}

.msw-site-update-row small {
	background: #fff4d8;
	border-radius: 999px;
	color: #b86b00;
	font-size: 11px;
	font-weight: 800;
	padding: 5px 9px;
}

.msw-site-updates-empty {
	align-items: center;
	border-top: 1px solid #edf0f4;
	color: #078055;
	display: flex;
	gap: 10px;
	padding: 16px 20px;
}

.msw-site-updates-empty .msw-lucide-icon {
	background: #d8fae4;
	border-radius: 999px;
	height: 24px;
	padding: 5px;
	width: 24px;
}

.msw-site-updates-empty p {
	color: #526176 !important;
	font-size: 13px !important;
	margin: 0 !important;
}

.msw-site-updates-note {
	border-top: 1px solid #edf0f4;
	color: #8a94a6 !important;
	font-size: 12px !important;
	margin: 0 !important;
	padding: 15px 20px 18px;
}

@media (max-width: 860px) {
	.msw-site-online-banner,
	.msw-site-status-top-grid {
		grid-template-columns: 1fr;
	}

	.msw-site-online-banner p {
		justify-content: flex-start;
		white-space: normal;
	}

	.msw-site-update-row {
		align-items: flex-start;
		grid-template-columns: auto minmax(0, 1fr);
	}

	.msw-site-update-row small {
		grid-column: 2;
		justify-self: start;
	}
}

/* Message visible par le client — bandeau home */
.msw-client-note-banner {
	background-color: #0B5360;
	color: #ffffff;
	border-radius: 8px;
	padding: 16px 20px;
	margin-bottom: 24px;
}

.msw-client-note-banner p {
	margin: 0;
	color: #ffffff;
	font-size: 0.95rem;
	line-height: 1.6;
}

.msw-status-pill.msw-status-pending {
	background: #eef2ff;
	color: #4338ca;
}

.msw-mod-step-panel[data-msw-mod-step="1"] > span {
	display: none;
}

.msw-modification-form label small {
	color: #667085;
	display: block;
	font-size: 12px;
	margin-top: 6px;
}

.msw-mod-history-highlight {
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	border-color: #bfdbfe;
	box-shadow: 0 10px 26px rgba(37, 99, 235, 0.08);
}

.msw-mod-history-highlight .msw-card-header {
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.msw-mod-history-highlight .msw-card-header span {
	align-items: center;
	background: #dbeafe;
	border-radius: 999px;
	color: #1d4ed8;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	justify-content: center;
	min-width: 30px;
	padding: 6px 10px;
}

.msw-dashboard-main > .msw-sites-panel {
	max-width: none;
}

.msw-sites-panel .msw-card-header {
	align-items: start;
	justify-content: space-between;
	gap: 18px;
}

.msw-sites-panel .msw-card-header p {
	margin: 8px 0 0;
}

.msw-sites-count {
	align-items: center;
	background: #eff6ff;
	border-radius: 999px;
	color: #1d4ed8;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	padding: 7px 12px;
	white-space: nowrap;
}

.msw-sites-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 18px;
}

.msw-sites-card {
	background: #f8fafc;
	border: 1px solid #dfe5ec;
	border-radius: 14px;
	display: grid;
	gap: 16px;
	min-height: 220px;
	padding: 18px;
}

.msw-sites-card.is-active {
	background: #eef8f6;
	border-color: #9fd6cb;
}

.msw-sites-card-top {
	display: grid;
	gap: 10px;
}

.msw-sites-card-top strong {
	color: #061326;
	font-size: 18px;
	line-height: 1.3;
}

.msw-sites-meta {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.msw-sites-meta li {
	align-items: start;
	display: grid;
	gap: 4px;
}

.msw-sites-meta span {
	color: #667085;
	font-size: 12px;
	font-weight: 700;
}

.msw-sites-meta strong {
	color: #223149;
	font-size: 14px;
}

.msw-sites-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: auto;
}

.msw-sites-current {
	cursor: default;
	opacity: 1;
}

@media (max-width: 1100px) {
	.msw-sites-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.msw-sites-grid {
		grid-template-columns: 1fr;
	}
}

.msw-client-notifications {
	position: relative;
}

.msw-client-notifications summary {
	list-style: none;
}

.msw-client-notifications summary::-webkit-details-marker {
	display: none;
}

.msw-client-notifications-toggle {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #dfe5ec;
	border-radius: 11px;
	cursor: pointer;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	position: relative;
	width: 42px;
}

.msw-client-notifications-toggle .msw-lucide-icon {
	height: 18px;
	width: 18px;
}

.msw-client-notifications-badge {
	align-items: center;
	background: #1d4ed8;
	border: 2px solid #ffffff;
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	height: 20px;
	justify-content: center;
	min-width: 20px;
	padding: 0 6px;
	position: absolute;
	right: -6px;
	top: -6px;
}

.msw-client-notifications-menu {
	background: #ffffff;
	border: 1px solid #dfe5ec;
	border-radius: 14px;
	box-shadow: 0 18px 42px rgba(16, 24, 40, 0.14);
	padding: 14px;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	width: min(420px, calc(100vw - 40px));
	z-index: 20;
}

.msw-client-notifications-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.msw-client-notifications-header strong {
	color: #061326;
	font-size: 14px;
}

.msw-client-notifications-header a {
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.msw-client-notifications-list {
	display: grid;
	gap: 10px;
	max-height: 380px;
	overflow-y: auto;
}

.msw-client-notification-item {
	background: #f8fafc;
	border: 1px solid #e5edf5;
	border-radius: 12px;
	padding: 12px 13px;
}

.msw-client-notification-item strong {
	color: #0f172a;
	display: block;
	font-size: 14px;
}

.msw-client-notification-item p {
	color: #475467;
	font-size: 13px;
	margin: 6px 0 0;
}

.msw-client-notification-item small,
.msw-client-notifications-empty {
	color: #667085;
	font-size: 12px;
}

.msw-client-notification-item small {
	display: block;
	margin-top: 8px;
}

.msw-message-menu-item {
	background: #f8fafc;
	border: 1px solid #e5edf5;
	border-radius: 12px;
	color: inherit;
	display: block;
	padding: 12px 13px;
	text-decoration: none;
}

.msw-message-menu-item strong {
	color: #0f172a;
	display: block;
	font-size: 14px;
}

.msw-message-menu-item p {
	color: #475467;
	font-size: 13px;
	margin: 6px 0 0;
}

.msw-message-menu-item small {
	color: #667085;
	display: block;
	font-size: 12px;
	margin-top: 8px;
}

.msw-dashboard-main > .msw-messaging-card {
	max-width: 1040px;
}

.msw-message-item {
	max-width: min(300px, 100%);
}