/**
 * Skin layer — paint only (color, background, border, radius, shadow, typography).
 * Dequeue grabwp-waas-layout without losing these colors.
 *
 * @since 2.1.0
 */


/* ── from base.css ── */

.grabwp-waas {
	color: var(--gw-color-ink, #0f172a);
	line-height: 1.6;
	font-size: var(--gw-font-size-base, 1rem);
}

.grabwp-waas h1,
.grabwp-waas h2,
.grabwp-waas h3,
.grabwp-waas h4,
.grabwp-waas h5,
.grabwp-waas h6 {
	line-height: 1.3;
}

.grabwp-waas input,
.grabwp-waas button,
.grabwp-waas select,
.grabwp-waas textarea {
	font: inherit;
}

.grabwp-waas input,
.grabwp-waas button:not(.grabwp-waas-btn),
.grabwp-waas select,
.grabwp-waas textarea {
	color: inherit;
}

/*
 * Buttons and nav links are excluded so their modifier colour lands. :not()
 * counts its argument and would otherwise paint accent text on an accent pill.
 */
.grabwp-waas a:not(.grabwp-waas-btn):not(.grabwp-waas-nav__link) {
	color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-sr-only {
	border: 0;
}


/* ── from layout.css ── */


/* ── from button.css ── */

.grabwp-waas-btn {
	font-family: inherit;
	font-size: 0.875em;
	font-weight: 500;
	line-height: 1.5;
	color: var(--gw-color-ink, #0f172a);
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: var(--gw-radius-md, 0.5rem);
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.grabwp-waas-btn:focus-visible {
	outline: 2px solid var(--gw-color-accent, #2563eb);
	outline-offset: 2px;
}

.grabwp-waas-btn--primary {
	background-color: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-btn--primary:hover {
	background-color: var(--gw-color-accent-hover, #1d4ed8);
	border-color: var(--gw-color-accent-hover, #1d4ed8);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--primary:active {
	background-color: var(--gw-color-accent-active, #1e40af);
	border-color: var(--gw-color-accent-active, #1e40af);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--secondary {
	background-color: var(--gw-color-surface, #ffffff);
	color: var(--gw-color-ink, #0f172a);
	border-color: var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-btn--secondary:hover {
	background-color: var(--gw-color-canvas, #f8fafc);
	color: var(--gw-color-ink, #0f172a);
	border-color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-btn--secondary:active {
	background-color: var(--gw-color-line, #e2e8f0);
	border-color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-btn--danger {
	background-color: var(--gw-color-danger, #ef4444);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-danger, #ef4444);
}

.grabwp-waas-btn--danger:hover {
	background-color: var(--gw-color-danger-hover, #b91c1c);
	border-color: var(--gw-color-danger-hover, #b91c1c);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--danger:active {
	background-color: var(--gw-color-danger-active, #991b1b);
	border-color: var(--gw-color-danger-active, #991b1b);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--warning {
	background-color: var(--gw-color-warning, #f59e0b);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-warning, #f59e0b);
}

.grabwp-waas-btn--warning:hover {
	background-color: var(--gw-color-warning-hover, #a16207);
	border-color: var(--gw-color-warning-hover, #a16207);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--warning:active {
	background-color: var(--gw-color-warning-active, #854d0e);
	border-color: var(--gw-color-warning-active, #854d0e);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--success {
	background-color: var(--gw-color-success, #22c55e);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-success, #22c55e);
}

.grabwp-waas-btn--success:hover {
	background-color: var(--gw-color-success-hover, #15803d);
	border-color: var(--gw-color-success-hover, #15803d);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--success:active {
	background-color: var(--gw-color-success-active, #166534);
	border-color: var(--gw-color-success-active, #166534);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--outline-primary {
	background-color: transparent;
	color: var(--gw-color-accent, #2563eb);
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-btn--outline-primary:hover {
	background-color: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-btn--outline-primary:active {
	background-color: var(--gw-color-accent-hover, #1d4ed8);
	border-color: var(--gw-color-accent-hover, #1d4ed8);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--outline-secondary {
	background-color: transparent;
	color: var(--gw-color-muted, #64748b);
	border-color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-btn--outline-secondary:hover {
	background-color: var(--gw-color-canvas, #f8fafc);
	color: var(--gw-color-ink, #0f172a);
	border-color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-btn--outline-secondary:active {
	background-color: var(--gw-color-line, #e2e8f0);
	border-color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-btn--outline-success {
	background-color: transparent;
	color: var(--gw-color-success, #22c55e);
	border-color: var(--gw-color-success, #22c55e);
}

.grabwp-waas-btn--outline-success:hover {
	background-color: var(--gw-color-success, #22c55e);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-success, #22c55e);
}

.grabwp-waas-btn--outline-danger {
	background-color: transparent;
	color: var(--gw-color-danger, #ef4444);
	border-color: var(--gw-color-danger, #ef4444);
}

.grabwp-waas-btn--outline-danger:hover {
	background-color: var(--gw-color-danger, #ef4444);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-danger, #ef4444);
}

.grabwp-waas-btn--outline-danger:active {
	background-color: var(--gw-color-danger-hover, #b91c1c);
	border-color: var(--gw-color-danger-hover, #b91c1c);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-btn--link {
	background-color: transparent;
	color: var(--gw-color-accent, #2563eb);
	border-color: transparent;
	text-decoration: underline;
}

.grabwp-waas-btn--link:hover {
	color: var(--gw-color-accent-hover, #1d4ed8);
	text-decoration: underline;
	background-color: transparent;
	border-color: transparent;
}

.grabwp-waas-btn--link:active {
	color: var(--gw-color-accent-active, #1e40af);
}

.grabwp-waas-btn--sm {
	font-size: 0.75em;
	border-radius: var(--gw-radius-sm, 0.25rem);
}

.grabwp-waas-btn--lg {
	font-size: 1em;
	border-radius: var(--gw-radius-lg, 0.75rem);
}

.grabwp-waas-btn-check:checked + .grabwp-waas-btn {
	background-color: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-accent, #2563eb);
}

/*
 * Pill-toggle variant: only the outer edges of the group are rounded, so the
 * inner seams meet flush. Paired with the -1px seam collapse in layout.css.
 */
.grabwp-waas-btn-group--lg > .grabwp-waas-btn {
	border-radius: 0;
}

.grabwp-waas-btn-group--lg > .grabwp-waas-btn:first-of-type {
	border-radius: 999px 0 0 999px;
}

.grabwp-waas-btn-group--lg > .grabwp-waas-btn:last-of-type {
	border-radius: 0 999px 999px 0;
}

.grabwp-waas-btn:disabled,
.grabwp-waas-btn[disabled],
.grabwp-waas-btn.is-disabled {
	opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-btn {
		transition: none;
	}
}


/* ── from card.css ── */

.grabwp-waas-card {
	background-color: var(--gw-color-surface, #ffffff);
	border: 1px solid var(--gw-color-line, #e2e8f0);
	border-radius: var(--gw-radius-md, 0.5rem);
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-card__header {
	border-bottom: 1px solid var(--gw-color-line, #e2e8f0);
	background-color: transparent;
}

.grabwp-waas-card__title {
	font-size: 1.125em;
	font-weight: 600;
	line-height: 1.4;
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-card__text {
	color: var(--gw-color-muted, #64748b);
	line-height: 1.5;
}

.grabwp-waas-card--shadow {
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.05);
}

.grabwp-waas-card--borderless {
	border: 0;
}


/* ── from badge.css ── */

.grabwp-waas-badge {
	font-size: 0.75em;
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
	border-radius: var(--gw-radius-sm, 0.25rem);
}

.grabwp-waas-badge--primary {
	background-color: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge--secondary {
	background-color: var(--gw-color-muted, #64748b);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge--success {
	background-color: var(--gw-color-success, #22c55e);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge--warning {
	background-color: var(--gw-color-warning, #f59e0b);
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-badge--danger {
	background-color: var(--gw-color-danger, #ef4444);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge--info {
	background-color: var(--gw-color-info, #3b82f6);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge--pill {
	border-radius: 999px;
}


/* ── from alert.css ── */

.grabwp-waas-alert {
	border: 1px solid var(--gw-color-line, #e2e8f0);
	border-left: 4px solid var(--gw-color-muted, #64748b);
	border-radius: var(--gw-radius-md, 0.5rem);
	font-size: 0.9375em;
	line-height: 1.5;
	color: var(--gw-color-ink, #0f172a);
	background-color: var(--gw-color-canvas, #f8fafc);
}

.grabwp-waas-alert__heading {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.4;
	color: inherit;
}

.grabwp-waas-alert--info {
	background-color: var(--gw-color-info-surface, #dbeafe);
	border-color: var(--gw-color-info-surface, #dbeafe);
	border-left-color: var(--gw-color-info, #3b82f6);
}

.grabwp-waas-alert--success {
	background-color: var(--gw-color-success-surface, #dcfce7);
	border-color: var(--gw-color-success-surface, #dcfce7);
	border-left-color: var(--gw-color-success, #22c55e);
}


.grabwp-waas-alert--warning {
	background-color: var(--gw-color-warning-surface, #fef3c7);
	border-color: var(--gw-color-warning-surface, #fef3c7);
	border-left-color: var(--gw-color-warning, #f59e0b);
}

.grabwp-waas-alert--danger {
	background-color: var(--gw-color-danger-surface, #fee2e2);
	border-color: var(--gw-color-danger-surface, #fee2e2);
	border-left-color: var(--gw-color-danger, #ef4444);
}

.grabwp-waas-alert--primary {
	background-color: var(--gw-color-info-surface, #dbeafe);
	border-color: var(--gw-color-info-surface, #dbeafe);
	border-left-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-alert--info p{
	color: var(--gw-color-info, #3b82f6);
}
.grabwp-waas-alert--success p{
	color: var(--gw-color-success, #22c55e);
}
.grabwp-waas-alert--warning p{
	color: var(--gw-color-warning, #f59e0b);
}
.grabwp-waas-alert--danger p{
	color: var(--gw-color-danger, #ef4444);
}


/* ── from form.css ── */

.grabwp-waas-form-label {
	font-size: 0.875em;
	font-weight: 500;
	color: var(--gw-color-ink, #0f172a);
	line-height: 1.4;
}

.grabwp-waas-form-text {
	font-size: 0.75em;
	color: var(--gw-color-muted, #64748b);
	line-height: 1.4;
}

.grabwp-waas-form-control {
	font-family: inherit;
	font-size: 0.875em;
	font-weight: 400;
	line-height: 1.5;
	color: var(--gw-color-ink, #0f172a);
	background-color: var(--gw-color-surface, #ffffff);
	background-clip: padding-box;
	border: 1px solid var(--gw-color-line, #e2e8f0);
	border-radius: var(--gw-radius-md, 0.5rem);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.grabwp-waas-form-control:focus {
	border-color: var(--gw-color-accent, #2563eb);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.grabwp-waas-form-control::placeholder {
	color: var(--gw-color-muted, #64748b);
	opacity: 0.7;
}

.grabwp-waas-form-control:disabled,
.grabwp-waas-form-control[readonly] {
	background-color: var(--gw-color-canvas, #f8fafc);
	opacity: 0.8;
}

.grabwp-waas-form-control--sm {
	font-size: 0.75em;
	border-radius: var(--gw-radius-sm, 0.25rem);
}

.grabwp-waas-form-control--lg {
	font-size: 1em;
	border-radius: var(--gw-radius-lg, 0.75rem);
}

.grabwp-waas-form-select {
	font-family: inherit;
	font-size: 0.875em;
	font-weight: 400;
	line-height: 1.5;
	color: var(--gw-color-ink, #0f172a);
	background-color: var(--gw-color-surface, #ffffff);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right var(--gw-space-3, 0.75rem) center;
	background-size: 16px 12px;
	border: 1px solid var(--gw-color-line, #e2e8f0);
	border-radius: var(--gw-radius-md, 0.5rem);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.grabwp-waas-form-select:focus {
	border-color: var(--gw-color-accent, #2563eb);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.grabwp-waas-form-select:disabled {
	background-color: var(--gw-color-canvas, #f8fafc);
	opacity: 0.8;
}

.grabwp-waas-form-select--sm {
	font-size: 0.75em;
	border-radius: var(--gw-radius-sm, 0.25rem);
}

.grabwp-waas-form-check__input {
	background-color: var(--gw-color-surface, #ffffff);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid var(--gw-color-line, #e2e8f0);
	border-radius: var(--gw-radius-sm, 0.25rem);
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.grabwp-waas-form-check__input[type="radio"] {
	border-radius: 50%;
}

.grabwp-waas-form-check__input:focus {
	border-color: var(--gw-color-accent, #2563eb);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.grabwp-waas-form-check__input:checked {
	background-color: var(--gw-color-accent, #2563eb);
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-form-check__input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.grabwp-waas-form-check__input[type="radio"]:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}

.grabwp-waas-form-check__input:disabled {
	opacity: 0.6;
}

.grabwp-waas-form-check__label {
	font-size: 0.875em;
	line-height: 1.5;
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-form-check__input:disabled ~ .grabwp-waas-form-check__label {
	opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-form-control,
	.grabwp-waas-form-select,
	.grabwp-waas-form-check__input {
		transition: none;
	}
}


/* ── from table.css ── */

.grabwp-waas-table {
	font-size: 0.875em;
	line-height: 1.5;
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-table th {
	font-weight: 600;
	color: var(--gw-color-ink, #0f172a);
	border-bottom: 2px solid var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-table td {
	border-bottom: 1px solid var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-table--sm th,
.grabwp-waas-table--sm td {
}

.grabwp-waas-table--striped tbody tr:nth-child(odd) {
	background-color: var(--gw-color-canvas, #f8fafc);
}

.grabwp-waas-table--bordered {
	border: 1px solid var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-table--bordered th,
.grabwp-waas-table--bordered td {
	border: 1px solid var(--gw-color-line, #e2e8f0);
}


/* ── from spinner.css ── */

.grabwp-waas-spinner {
	border: 3px solid var(--gw-color-line);
	border-top-color: var(--gw-color-accent);
	border-radius: 50%;
	animation: grabwp-waas-spin 0.75s linear infinite;
}

.grabwp-waas-spinner--sm {
	border-width: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-spinner {
		animation-duration: 3s;
	}
}


/* ── from progress.css ── */

.grabwp-waas-progress {
	background-color: var(--gw-color-info-surface);
	border-radius: var(--gw-radius-sm);
}

.grabwp-waas-progress__bar {
	background-color: var(--gw-color-accent);
	color: var(--gw-color-accent-contrast, #ffffff);
	font-size: 0.75em;
	line-height: 1;
	transition: width 0.6s ease;
}

.grabwp-waas-progress__bar--striped {
	background-image: repeating-linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15),
		rgba(255, 255, 255, 0.15) 0.5rem,
		transparent 0.5rem,
		transparent 1rem
	);
	background-size: 1rem 1rem;
}

.grabwp-waas-progress__bar--animated {
	animation: grabwp-waas-progress-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-progress__bar {
		transition: none;
	}
	.grabwp-waas-progress__bar--animated {
		animation: none;
	}
}


/* ── from list.css ── */

.grabwp-waas-list {
	border: 1px solid var(--gw-color-line);
	border-radius: var(--gw-radius-md);
}

.grabwp-waas-list__item {
	background-color: var(--gw-color-surface);
	border-bottom: 1px solid var(--gw-color-line);
	color: var(--gw-color-ink);
}

.grabwp-waas-list__item:last-child {
	border-bottom: none;
}

.grabwp-waas-list--numbered .grabwp-waas-list__item::before {
	font-weight: 600;
	color: var(--gw-color-muted);
}


/* ── from nav.css ── */

.grabwp-waas-nav__link {
	color: var(--gw-color-ink);
	text-decoration: none;
	border-radius: var(--gw-radius-sm);
	font-weight: 500;
	line-height: 1.5;
	background-color: transparent;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.grabwp-waas-nav__link:hover {
	background-color: var(--gw-color-canvas);
	color: var(--gw-color-ink);
}

.grabwp-waas-nav__link--active {
	color: var(--gw-color-accent);
	font-weight: 600;
}

.grabwp-waas-nav__link--muted,
.grabwp-waas-nav__link--muted:hover {
	color: var(--gw-color-muted);
}

.grabwp-waas-nav--underline {
	border-bottom: 1px solid var(--gw-color-line);
}

.grabwp-waas-nav--underline .grabwp-waas-nav__link {
	border-radius: 0;
	border-bottom: 2px solid transparent;
	background-color: transparent;
}

.grabwp-waas-nav--underline .grabwp-waas-nav__link:hover {
	background-color: transparent;
	border-bottom-color: var(--gw-color-line);
}

.grabwp-waas-nav--underline .grabwp-waas-nav__link--active,
.grabwp-waas-nav--underline .grabwp-waas-nav__link--active:hover {
	color: var(--gw-color-accent);
	border-bottom-color: var(--gw-color-accent);
	background-color: transparent;
}

.grabwp-waas-nav--pills .grabwp-waas-nav__link--active,
.grabwp-waas-nav--pills .grabwp-waas-nav__link--active:hover {
	background-color: var(--gw-color-accent);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-nav--pills .grabwp-waas-nav__link--active.grabwp-waas-nav__link--muted,
.grabwp-waas-nav--pills .grabwp-waas-nav__link--active.grabwp-waas-nav__link--muted:hover {
	background-color: var(--gw-color-canvas);
	color: var(--gw-color-muted);
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-nav__link {
		transition: none;
	}
}


/* ── from dialog.css ── */

.grabwp-waas-dialog-backdrop {
	background: rgba(0, 0, 0, 0.5);
}

.grabwp-waas-dialog__box {
	background: var(--gw-color-surface, #ffffff);
	border-radius: 0.5rem;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
	opacity: 0;
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.grabwp-waas-dialog--open .grabwp-waas-dialog__box {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-dialog__box {
		transition: none;
	}
}

.grabwp-waas-dialog__header {
	border-bottom: 1px solid var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-dialog__title {
	font-size: 1.125em;
	font-weight: 600;
	line-height: 1.4;
}

.grabwp-waas-dialog__close {
	border: none;
	background: transparent;
	font-size: 1.25em;
	line-height: 1;
	color: var(--gw-color-muted, #64748b);
	border-radius: 0.25rem;
}

.grabwp-waas-dialog__close:hover {
	background: var(--gw-color-canvas, #f8fafc);
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-dialog__body {
	font-size: 0.95em;
	line-height: 1.6;
	color: var(--gw-color-ink, #0f172a);
}

.grabwp-waas-dialog__footer {
	border-top: 1px solid var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-dialog__btn {
	font-size: 0.875em;
	font-weight: 500;
	line-height: 1.5;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	transition: background 0.12s ease, border-color 0.12s ease;
}

.grabwp-waas-dialog__btn--cancel {
	background: var(--gw-color-surface, #ffffff);
	color: var(--gw-color-ink, #0f172a);
	border-color: var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-dialog__btn--cancel:hover {
	background: var(--gw-color-canvas, #f8fafc);
	border-color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-dialog__btn--confirm {
	background: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-dialog__btn--confirm:hover {
	background: var(--gw-color-accent-hover, #1d4ed8);
	border-color: var(--gw-color-accent-active, #1e40af);
}

.grabwp-waas-dialog__btn--danger {
	background: var(--gw-color-danger, #ef4444);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-danger, #ef4444);
}

.grabwp-waas-dialog__btn--danger:hover {
	background: var(--gw-color-danger-hover, #b91c1c);
	border-color: var(--gw-color-danger-active, #991b1b);
}

.grabwp-waas-busy-overlay {
	background: rgba(255, 255, 255, 0.78);
}

.grabwp-waas-busy-overlay__spinner {
	border: 3px solid var(--gw-color-line, #e2e8f0);
	border-top-color: var(--gw-color-accent, #2563eb);
	border-radius: 50%;
	animation: grabwp-waas-spin 0.7s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.grabwp-waas-busy-overlay__spinner {
		animation-duration: 1.5s;
	}
}

.grabwp-waas-busy-overlay__message {
	font-size: 1em;
	color: var(--gw-color-ink, #0f172a);
}

/* ── surface paint ── */


/* ── from dashboard.css ── */

/*
 * Default plan badge paint. Owner-chosen colors arrive as an inline block on
 * this sheet's handle from Frontend_Assets::get_plan_color_css(), which shares
 * this specificity and wins by source order.
 */
.grabwp-waas-badge-plan-free {
	background: var(--gw-color-muted);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge-plan-basic {
	background: var(--gw-color-accent);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-badge-plan-pro {
	background: var(--gw-color-plan-pro, #7c3aed);
	color: var(--gw-color-accent-contrast, #ffffff);
}

.grabwp-waas-secret-input {
	font-family: monospace;
}

.grabwp-waas-site-card--warning {
	border-color: var(--gw-color-warning, #f59e0b);
}

.grabwp-waas-dashboard-notice {
	border-radius: var(--gw-radius-md);
}

.grabwp-waas-dashboard-notice--success {
	background: var(--gw-color-success-surface);
	color: #0f5132;
}

.grabwp-waas-dashboard-notice--error {
	background: var(--gw-color-danger-surface);
	color: #842029;
}

.grabwp-waas-dashboard-notice--warning {
	background: var(--gw-color-warning-surface);
	color: #664d03;
}

.grabwp-waas-dashboard-notice--info {
	background: var(--gw-color-info-surface);
	color: #055160;
}

.grabwp-waas-dashboard__cancel-color {
	color: var(--gw-color-danger);
}

.grabwp-waas-provider-option {
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.grabwp-waas-provider-option:hover {
	border-color: var(--gw-color-accent);
}

.grabwp-waas-provider-option:has(input:checked) {
	border-color: var(--gw-color-accent);
	box-shadow: 0 0 0 1px var(--gw-color-accent);
	background-color: rgba(37, 99, 235, 0.04);
}

.grabwp-waas-plan-billing dt {
	font-weight: 600;
}

.grabwp-waas-dashboard--setup .grabwp-waas-dashboard__content {
	opacity: 0.4;
}

.grabwp-waas-dashboard--setup .grabwp-waas-btn {
	opacity: 0.5;
}

.grabwp-waas-setup-progress__card {
	border: 2px solid var(--gw-color-accent);
	border-radius: var(--gw-radius-lg);
}

.grabwp-waas-table tr {
	border-bottom: 1px solid var(--gw-color-line);
}

.grabwp-waas-table #grabwp-waas-new-domain {
	border-color: var(--gw-color-line);
	border-style: solid;
	border-width: 0 0 2px;
}

.grabwp-waas-embedded-checkout {
	background: var(--gw-color-surface);
	border: 1px solid var(--gw-color-line);
	border-radius: var(--gw-radius-lg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.grabwp-waas-embedded-checkout__title {
	font-size: 1.25em;
	font-weight: 600;
}

.grabwp-waas-embedded-checkout__qr img {
	border-radius: var(--gw-radius-md);
}

.grabwp-waas-embedded-checkout__details {
	font-size: .9em;
	line-height: 1.8;
}

.grabwp-waas-embedded-checkout__details code {
	background: var(--gw-color-canvas);
	border-radius: var(--gw-radius-sm);
	font-size: .85em;
}

.grabwp-waas-embedded-checkout__note {
	font-size: .85em;
	color: var(--gw-color-muted);
}

.grabwp-waas-verify-wait {
	opacity: 0.85;
}


/* ── from signup.css ── */

.grabwp-waas-choice {
	border: 1px solid var(--gw-color-line, #e2e8f0);
	border-radius: var(--gw-radius-md, 0.5rem);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.grabwp-waas-choice:hover:not(.grabwp-waas-choice--disabled) {
	border-color: var(--gw-color-accent);
}

.grabwp-waas-choice:has(.grabwp-waas-choice__input:checked) {
	border-color: var(--gw-color-accent);
	box-shadow: 0 0 0 1px var(--gw-color-accent);
	background-color: rgba(37, 99, 235, 0.04);
}

.grabwp-waas-choice:has(.grabwp-waas-choice__input:focus-visible) {
	outline: 2px solid var(--gw-color-accent);
	outline-offset: 2px;
}

.grabwp-waas-choice__desc,
.grabwp-waas-choice__list {
	color: var(--gw-color-muted);
}

.grabwp-waas-choice--disabled {
	opacity: 0.5;
}

.grabwp-waas-template-confirm {
	border-radius: var(--gw-radius-md, 0.5rem);
}

.grabwp-waas-template-confirm .browser-mockup {
	background: #202020;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.grabwp-waas-template-confirm .browser-header {
	background-color: #121212;
}

.grabwp-waas-template-confirm .grabwp-waas-mockup__dot {
	border-radius: 50%;
}

.grabwp-waas-template-confirm .grabwp-waas-mockup__dot.close {
	background-color: #ff5f56;
}

.grabwp-waas-template-confirm .grabwp-waas-mockup__dot.minimize {
	background-color: #ffbd2e;
}

.grabwp-waas-template-confirm .grabwp-waas-mockup__dot.maximize {
	background-color: #27c93f;
}

.grabwp-waas-template-confirm .browser-address-bar {
	background-color: #2a2a2a;
	color: #e0e0e0;
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 13px;
	border-radius: 6px;
}

.grabwp-waas-template-confirm .lock-icon {
	font-size: 11px;
	opacity: 0.7;
}

.grabwp-waas-embedded-checkout {
	background: var(--gw-color-surface);
	border: 1px solid var(--gw-color-line);
	border-radius: var(--gw-radius-lg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.grabwp-waas-embedded-checkout__title {
	font-size: 1.25em;
	font-weight: 600;
}

.grabwp-waas-embedded-checkout__qr img {
	border-radius: var(--gw-radius-md);
}

.grabwp-waas-embedded-checkout__details {
	font-size: .9em;
	line-height: 1.8;
}

.grabwp-waas-embedded-checkout__details code {
	background: var(--gw-color-canvas);
	border-radius: var(--gw-radius-sm);
	font-size: .85em;
}

.grabwp-waas-embedded-checkout__note {
	font-size: .85em;
	color: var(--gw-color-muted);
}


/* ── from pricing.css ── */

.grabwp-waas-pricing {
	font-family: inherit;
	color: var(--gw-color-ink);
}

.grabwp-waas-pricing__toggle {
	background: var(--gw-color-canvas);
	border-radius: 999px;
}

.grabwp-waas-pricing__cycle {
	border: 0;
	background: transparent;
	color: var(--gw-color-muted);
	font-weight: 600;
	font-size: 0.95em;
	border-radius: 999px;
}

.grabwp-waas-pricing__cycle.is-active,
.grabwp-waas-btn-check:checked + .grabwp-waas-pricing__cycle {
	background: var(--gw-color-surface);
	color: var(--gw-color-ink);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

.grabwp-waas-btn-check:disabled + .grabwp-waas-pricing__cycle {
	opacity: 0.6;
	cursor: not-allowed;
	pointer-events: none;
}

.grabwp-waas-pricing__save {
	background: var(--gw-color-success-surface);
	color: var(--gw-color-success-active);
	font-size: 0.7em;
	font-weight: 700;
	letter-spacing: 0.02em;
	border-radius: 999px;
	text-transform: uppercase;
}

.grabwp-waas-pricing-card {
	background: var(--gw-color-surface);
	border: 1px solid var(--gw-color-line);
	border-radius: var(--gw-radius-lg);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.grabwp-waas-pricing-card.is-featured {
	border-color: var(--gw-color-accent);
	box-shadow: 0 18px 40px rgba(37, 99, 235, 0.14);
}

.grabwp-waas-pricing-card__badge {
	background: var(--gw-color-accent);
	color: var(--gw-color-accent-contrast);
	font-size: 0.7em;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 999px;
}

.grabwp-waas-pricing-card__name {
	font-size: 1.35em;
	font-weight: 700;
}

.grabwp-waas-pricing-card__desc {
	color: var(--gw-color-muted);
	font-size: 0.92em;
	line-height: 1.45;
}

.grabwp-waas-pricing-card__amount {
	font-size: 2.35em;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1;
}

.grabwp-waas-pricing-card__period {
	color: var(--gw-color-muted);
	font-weight: 600;
}

.grabwp-waas-pricing-card__billed {
	color: var(--gw-color-muted);
	font-size: 0.8em;
}

.grabwp-waas-pricing-card__list li {
	font-size: 0.92em;
	line-height: 1.4;
	border-top: 1px solid var(--gw-color-line);
}

.grabwp-waas-pricing-card__list li:first-child {
	border-top: 0;
}

.grabwp-waas-pricing-card__list li::before {
	font-weight: 700;
}

.grabwp-waas-pricing-card__list li.is-included::before {
	color: var(--gw-color-success);
}

.grabwp-waas-pricing-card__list li.is-excluded {
	color: var(--gw-color-muted);
	text-decoration: line-through;
}

.grabwp-waas-pricing-card__list li.is-excluded::before {
	color: var(--gw-color-line);
}

.grabwp-waas-pricing-card__cta {
	text-decoration: none;
	font-weight: 700;
	border-radius: 12px;
	background: var(--gw-color-ink);
	color: var(--gw-color-accent-contrast) !important;
}

.grabwp-waas-pricing-card.is-featured .grabwp-waas-pricing-card__cta {
	background: var(--gw-color-accent);
}

.grabwp-waas-pricing-card__cta:hover {
	opacity: 0.92;
}

.grabwp-waas-pricing-compare__title {
	font-size: 1.5em;
}

.grabwp-waas-pricing-compare__table th,
.grabwp-waas-pricing-compare__table td {
	border-bottom: 1px solid var(--gw-color-line);
	font-size: 0.92em;
}

.grabwp-waas-pricing-compare__table th[scope="row"] {
	font-weight: 600;
}

.grabwp-waas-pricing-compare__table thead th.is-featured,
.grabwp-waas-pricing-compare__table td.is-featured {
	background: var(--gw-color-info-surface);
}

.grabwp-waas-pricing-compare__yes {
	color: var(--gw-color-success);
	font-weight: 700;
}

.grabwp-waas-pricing-compare__no {
	color: var(--gw-color-line);
}


/* ── from template-browser.css ── */

.grabwp-waas-tpl-filter--active,
.grabwp-waas-tpl-filter--active:hover {
	background-color: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-tpl-card {
	transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.grabwp-waas-tpl-card > .grabwp-waas-card {
	border: 0;
}

.grabwp-waas-tpl-card:hover {
	border-color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-tpl-card__link:focus-visible {
	outline: 3px solid rgba(59, 130, 246, 0.3);
	outline-offset: 2px;
}

.grabwp-waas-tpl-card__thumb img {
	transition: transform 0.25s ease-out;
	background: var(--gw-color-canvas, #f8fafc);
}

.grabwp-waas-tpl-card__overlay {
	background: rgba(0, 0, 0, 0.75);
	color: var(--gw-color-accent-contrast, #ffffff);
	opacity: 0;
	transition: opacity 0.3s;
}

.grabwp-waas-tpl-card:hover .grabwp-waas-tpl-card__overlay,
.grabwp-waas-tpl-card:focus-visible .grabwp-waas-tpl-card__overlay {
	opacity: 1;
}

.grabwp-waas-tpl-card__price {
	font-weight: 600;
}

.grabwp-waas-tpl-card__feature {
	transition: background 0.15s, border-color 0.15s, transform 0.15s;
}

.grabwp-waas-tpl-card__feature:hover {
	background: var(--gw-color-info-surface, #dbeafe);
	border-color: var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-tpl-card__price--original {
	text-decoration: line-through;
	color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-tpl-card__price--discount {
	color: var(--gw-color-success, #22c55e);
	font-weight: 600;
}

.grabwp-waas-tpl-card__preview-btn {
	transition: background 0.15s, box-shadow 0.15s;
}

.grabwp-waas-tpl-card__preview-btn:hover {
	background: var(--gw-color-accent, #2563eb);
	color: var(--gw-color-accent-contrast, #ffffff);
	box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.grabwp-waas-tpl-card__preview-btn:focus-visible {
	outline: 3px solid rgba(59, 130, 246, 0.35);
	outline-offset: 2px;
}


/* ── order summary ── */

.grabwp-waas-order-summary {
	border-left: 1px solid var(--gw-color-line);
}

.grabwp-waas-order-summary__label {
	color: var(--gw-color-muted);
}

.grabwp-waas-order-summary__row--total {
	font-weight: 700;
}

.grabwp-waas-order-summary__jump:hover,
.grabwp-waas-order-summary__jump:focus-visible {
	color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-order-summary__jump:focus-visible {
	outline: 2px solid var(--gw-color-accent, #2563eb);
	outline-offset: 2px;
}

.grabwp-waas-step-dot__btn {
	color: var(--gw-color-muted, #64748b);
}

.grabwp-waas-step-dot__btn::before {
	background: var(--gw-color-line, #e2e8f0);
}

.grabwp-waas-step-dot--active .grabwp-waas-step-dot__btn,
.grabwp-waas-step-nav__status {
	color: var(--gw-color-ink, #0f172a);
	font-weight: 700;
}

.grabwp-waas-step-dot--active .grabwp-waas-step-dot__btn::before {
	background: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-step-dot--done .grabwp-waas-step-dot__btn {
	color: var(--gw-color-accent, #2563eb);
}

.grabwp-waas-step-dot--done .grabwp-waas-step-dot__btn::before {
	background: var(--gw-color-ink, #0f172a);
}

@media (max-width: 767px) {
	.grabwp-waas-signup__summary-sheet {
		background: var(--gw-color-surface, #ffffff);
		border-top: 1px solid var(--gw-color-line, #e2e8f0);
		box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08);
	}

	.grabwp-waas-signup__summary-toggle {
		display: block;
		padding: 0.75rem 1rem;
		font-weight: 600;
	}
}


/* ── addon + payment option boxes ── */

.grabwp-waas-payment-option {
	border: 1px solid var(--gw-color-line);
	border-radius: var(--gw-radius-md);
}


/* ── Inline-style migration utilities ── */

.grabwp-waas-mb-0 {
	margin-bottom: 0;
}

.grabwp-waas-mb-1 {
	margin-bottom: 0.25rem;
}

.grabwp-waas-mb-2 {
	margin-bottom: 0.5rem;
}

.grabwp-waas-mb-3 {
	margin-bottom: 0.75rem;
}

.grabwp-waas-mb-4 {
	margin-bottom: 1rem;
}

.grabwp-waas-mb-5 {
	margin-bottom: 1.5rem;
}

.grabwp-waas-mt-1 {
	margin-top: 0.25rem;
}

.grabwp-waas-mt-2 {
	margin-top: 0.5rem;
}

.grabwp-waas-mt-3 {
	margin-top: 0.75rem;
}

.grabwp-waas-my-3 {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.grabwp-waas-ml-1 {
	margin-left: 0.25rem;
}

.grabwp-waas-ml-5 {
	margin-left: 1.5rem;
}

.grabwp-waas-ml-auto {
	margin-left: auto;
}

.grabwp-waas-mr-1 {
	margin-right: 0.25rem;
}

.grabwp-waas-mr-2 {
	margin-right: 0.5rem;
}

.grabwp-waas-pt-3 {
	padding-top: 0.75rem;
}

.grabwp-waas-pt-4 {
	padding-top: 1rem;
}

.grabwp-waas-pt-5 {
	padding-top: 1.5rem;
}

.grabwp-waas-pb-3 {
	padding-bottom: 0.75rem;
}

.grabwp-waas-pb-4 {
	padding-bottom: 1rem;
}

.grabwp-waas-pb-5 {
	padding-bottom: 1.5rem;
}

.grabwp-waas-py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.grabwp-waas-py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.grabwp-waas-py-5 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.grabwp-waas-px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.grabwp-waas-p-3 {
	padding: 0.75rem;
}

.grabwp-waas-flex {
	display: flex;
}

.grabwp-waas-flex-center {
	display: flex;
	align-items: center;
}

.grabwp-waas-flex-col {
	display: flex;
	flex-direction: column;
}

.grabwp-waas-flex-wrap {
	flex-wrap: wrap;
}

/* Aligns without forcing a display mode, so grid rows stay grid. */
.grabwp-waas-items-center {
	align-items: center;
}

.grabwp-waas-gap-1 {
	gap: 0.25rem;
}

.grabwp-waas-gap-2 {
	gap: 0.5rem;
}

.grabwp-waas-gap-3 {
	gap: 0.75rem;
}

.grabwp-waas-gap-4 {
	gap: 1rem;
}

.grabwp-waas-gap-5 {
	gap: 1.5rem;
}

.grabwp-waas-gap-6 {
	gap: 2.5rem;
}

.grabwp-waas-text-center {
	text-align: center;
}

.grabwp-waas-text-right {
	text-align: right;
}

.grabwp-waas-text-sm {
	font-size: 0.85em;
}

.grabwp-waas-text-muted {
	color: var(--gw-color-muted);
}

.grabwp-waas-text-danger {
	color: var(--gw-color-danger);
}

.grabwp-waas-font-bold {
	font-weight: 600;
}

.grabwp-waas-block {
	display: block;
}

.grabwp-waas-uppercase {
	text-transform: uppercase;
}

.grabwp-waas-link-plain {
	text-decoration: none;
}

.grabwp-waas-muted {
	color: var(--gw-color-muted);
}

.grabwp-waas-text-success {
	color: var(--gw-color-success);
}

.grabwp-waas-text-warning {
	color: var(--gw-color-warning);
}

.grabwp-waas-text-accent {
	color: var(--gw-color-accent);
}

.grabwp-waas-font-normal {
	font-weight: normal;
}

.grabwp-waas-font-700 {
	font-weight: 700;
}

.grabwp-waas-heading-lg {
	font-size: 1.5rem;
}

.grabwp-waas-heading-md {
	font-size: 1.3rem;
}

.grabwp-waas-heading-sm {
	font-size: 1.25rem;
}

.grabwp-waas-heading-xs {
	font-size: 1.1rem;
}

.grabwp-waas-heading-welcome {
	font-size: 1.35rem;
}

.grabwp-waas-radius-0 {
	border-radius: 0;
}

.grabwp-waas-letter-otp {
	letter-spacing: 0.25em;
}


/* ── dashboard surfaces ── */

.grabwp-waas-breadcrumb {
	font-size: 0.85rem;
	color: var(--gw-color-muted);
}

.grabwp-waas-breadcrumb__link {
	text-decoration: none;
}

.grabwp-waas-dashboard__header h2,
.grabwp-waas-sites__header h2 {
	font-size: 1.3rem;
}

.grabwp-waas-sites__empty {
	border: 2px dashed var(--gw-color-line);
	border-radius: var(--gw-radius-md);
	background: var(--gw-color-canvas);
}

.grabwp-waas-site-card__warning-banner {
	border-radius: var(--gw-radius-md) var(--gw-radius-md) 0 0;
}

.grabwp-waas-site-card__domain a {
	text-decoration: none;
}

.grabwp-waas-card__label {
	color: var(--gw-color-muted);
	font-size: 0.85rem;
	text-transform: uppercase;
}

.grabwp-waas-card__value {
	font-weight: 600;
}

.grabwp-waas-card__hint {
	color: var(--gw-color-muted);
}

.grabwp-waas-account__danger {
	border-top: 1px solid var(--gw-color-danger);
}

.grabwp-waas-services__section-title {
	font-size: 1.25rem;
}

.grabwp-waas-services .grabwp-waas-badge--info {
	font-size: 0.7em;
}

.grabwp-waas-plan__feature-check {
	color: var(--gw-color-success);
}

.grabwp-waas-plan-billing .is-scheduled {
	color: var(--gw-color-warning);
}

.grabwp-waas-plan__actions-cancel {
	border-top: 1px solid var(--gw-color-line);
}

.grabwp-waas-provider-option {
	border: 1px solid var(--gw-color-line);
	border-radius: var(--gw-radius-md);
}

.grabwp-waas-provider-option__name {
	font-weight: 600;
}

.grabwp-waas-provider-option__desc {
	color: var(--gw-color-muted);
	font-size: 0.85rem;
}

.grabwp-waas-plan__pay-now {
	font-weight: 700;
	color: var(--gw-color-accent);
}

.grabwp-waas-table #grabwp-waas-new-domain {
	border-radius: 0;
}

.grabwp-waas-dns-info {
	border: 1px solid var(--gw-color-line);
}

.grabwp-waas-welcome__title {
	font-size: 1.35rem;
}

.grabwp-waas-welcome__subtitle {
	font-size: 1.1rem;
}

.grabwp-waas-signup__title {
	font-size: 1.5rem;
}

.grabwp-waas-signup__title--sm {
	font-size: 1.25rem;
}

.grabwp-waas-login-otp-hint {
	color: var(--gw-color-muted);
	font-size: 0.85rem;
}

.grabwp-waas-tpl-select-label,
.grabwp-waas-tpl-page-info {
	color: var(--gw-color-muted);
	font-size: 0.85rem;
}

.grabwp-waas-login .grabwp-waas-card__title {
	margin-bottom: 0.75rem;
}

#grabwp-waas-login-step-otp .grabwp-waas-card__title {
	margin-bottom: 0.25rem;
}

#grabwp-waas-login-otp-code {
	letter-spacing: 0.25em;
}