* {
	box-sizing: border-box;
}

body.mailrapido-document {
	margin: 0;
	background: #eef2f7;
	color: #111827;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mailrapido-admin {
	min-height: 100vh;
	margin: 0;
	color: #111827;
	background: #eef2f7;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mailrapido-admin .app-shell {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 272px minmax(0, 1fr);
}

.mailrapido-admin .sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	padding: 24px 18px;
	background: #101828;
	color: #ffffff;
}

.mailrapido-admin .brand,
.landing-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: inherit;
	font-size: 1.2rem;
	font-weight: 950;
	text-decoration: none;
}

.mailrapido-admin .brand {
	margin-bottom: 30px;
	color: #ffffff;
}

.brand-dark-logo-image {
	display: block;
	width: 178px;
	height: auto;
}

.brand-logo {
	display: block;
	width: 168px;
	height: auto;
	border-radius: 6px;
}

.landing-brand .brand-logo {
	width: 184px;
}

.brand-mark {
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	background: #16a36f;
	color: #ffffff;
	font-weight: 950;
}

.mailrapido-admin nav {
	display: grid;
	gap: 6px;
}

.mailrapido-admin .nav-link {
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 0 12px;
	border-radius: 8px;
	color: #cbd5e1;
	font-weight: 850;
	text-decoration: none;
}

.mailrapido-admin .nav-link.is-active,
.mailrapido-admin .nav-link:hover {
	background: #1f2937;
	color: #ffffff;
}

.mailrapido-admin main {
	min-width: 0;
	padding: 28px;
}

.mailrapido-admin .topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
	padding: 22px 24px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(16, 24, 40, 0.08);
}

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

.eyebrow {
	margin: 0 0 7px;
	color: #07845f;
	font-size: 0.78rem;
	font-weight: 950;
	text-transform: uppercase;
}

.mailrapido-admin h1,
.mailrapido-admin h2,
.mailrapido-admin h3,
.mailrapido-admin p {
	margin-top: 0;
}

.mailrapido-admin h1 {
	margin-bottom: 0;
	font-size: 2rem;
	line-height: 1.1;
	letter-spacing: 0;
}

.mailrapido-admin h2 {
	margin-bottom: 8px;
	font-size: clamp(1.7rem, 3vw, 3rem);
	line-height: 1.05;
	letter-spacing: 0;
}

.mailrapido-admin h3 {
	margin-bottom: 8px;
	font-size: 1.08rem;
}

.muted,
.mailrapido-admin .section-head p,
.mailrapido-admin .panel p {
	color: #64748b;
	line-height: 1.5;
}

.view {
	display: none;
}

.view.is-active {
	display: grid;
	gap: 18px;
}

.primary-button,
.secondary-button,
.danger-button,
.mailrapido-admin a.primary-button,
.mailrapido-admin a.secondary-button {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 8px;
	padding: 0 15px;
	font: inherit;
	font-weight: 900;
	text-decoration: none;
	cursor: pointer;
}

.primary-button {
	background: #101828;
	color: #ffffff;
}

.secondary-button {
	background: #e8eef9;
	color: #173b92;
}

.danger-button {
	background: #fef3f2;
	color: #b42318;
}

.small-button {
	min-height: 32px;
	padding: 7px 10px;
	font-size: 0.82rem;
}

.launch-hero,
.panel,
.form-grid,
.list-item,
.metric,
.workflow-card {
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(16, 24, 40, 0.07);
}

.launch-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 22px;
	align-items: end;
	padding: 28px;
}

.launch-hero p {
	max-width: 820px;
	margin-bottom: 0;
	color: #64748b;
	font-size: 1.08rem;
	line-height: 1.55;
}

.launch-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

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

.metric {
	padding: 18px;
}

.metric span {
	display: block;
	color: #64748b;
	font-weight: 850;
}

.metric strong {
	display: block;
	margin-top: 10px;
	font-size: 2.2rem;
	line-height: 1;
}

.report-filters { margin: 18px 0; align-items: end; }
.report-filter-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.report-metric-grid { grid-template-columns: repeat(4, minmax(160px, 1fr)); margin-bottom: 14px; }
.report-metric small { display: block; margin-top: 8px; color: #64748b; font-weight: 750; }
.report-insights { margin-bottom: 14px; }
.report-rate-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.report-rate-list span { display: flex; justify-content: space-between; gap: 8px; padding: 9px 10px; border-radius: 7px; background: #f8fafc; color: #475569; font-size: .9rem; }
.report-rate-list strong { color: #111827; }
.report-chart { display: grid; gap: 10px; }
.report-chart > div { display: grid; grid-template-columns: minmax(90px, .7fr) minmax(70px, 1.3fr); gap: 6px 10px; align-items: center; font-size: .84rem; color: #475569; }
.report-chart i { height: 11px; min-width: 2px; border-radius: 999px; background: #16a36f; }
.report-chart b { grid-column: 1 / -1; font-size: .78rem; color: #64748b; font-weight: 750; }
.report-link { border: 0; padding: 0; background: none; color: #173b92; font: inherit; font-weight: 850; text-align: left; cursor: pointer; }
.report-table-wrap { margin-top: 14px; }
.report-table-wrap table { min-width: 1350px; }
.table-sort { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; cursor: pointer; text-transform: inherit; }
.report-empty { padding: 26px; text-align: center; color: #475569; }
.report-detail-panel { margin-top: 14px; }
.report-detail-panel h3 { margin: 0; }
.report-tabs { display: flex; gap: 7px; flex-wrap: wrap; margin: 16px 0; border-bottom: 1px solid #d8dee8; padding-bottom: 10px; }
.report-tabs button { border: 1px solid #d8dee8; border-radius: 6px; background: #fff; padding: 8px 10px; color: #334155; font-weight: 800; cursor: pointer; }
.report-tabs button.active { background: #173b92; color: #fff; border-color: #173b92; }
.report-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.report-detail-grid p { margin: 0; line-height: 1.8; }

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

.workflow-card {
	display: grid;
	gap: 10px;
	padding: 18px;
}

.quick-action-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.quick-action {
	display: grid;
	gap: 6px;
	min-height: 104px;
	padding: 16px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
	color: #111827;
	text-decoration: none;
	box-shadow: 0 10px 26px rgba(16, 24, 40, 0.06);
}

.quick-action:hover {
	border-color: #16a36f;
	box-shadow: 0 14px 34px rgba(16, 24, 40, 0.1);
}

.quick-action strong {
	font-size: 0.98rem;
	font-weight: 950;
}

.quick-action span {
	color: #64748b;
	font-size: 0.9rem;
	line-height: 1.35;
}

.step-number {
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	background: #ecfdf3;
	color: #067647;
	font-weight: 950;
}

.workflow-card p {
	margin-bottom: 0;
	color: #64748b;
	line-height: 1.48;
}

.workflow-card a {
	color: #173b92;
	font-weight: 900;
	text-decoration: none;
}

.dashboard-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
	gap: 14px;
}

.panel {
	padding: 20px;
}

.check-list {
	display: grid;
	gap: 9px;
	margin: 0;
	padding-left: 20px;
	color: #334155;
	line-height: 1.5;
}

.section-head {
	padding: 2px 0;
}

.form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 18px;
}

.form-grid > button[type="submit"] {
	grid-column: 1 / -1;
	justify-self: center;
	min-width: 116px;
	justify-content: center;
	text-align: center;
}

.form-actions {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 3px;
}

.form-actions .primary-button,
.form-actions .secondary-button {
	min-width: 116px;
	justify-content: center;
	text-align: center;
}

#billing .billing-plan {
	position: relative;
	margin: 0;
	padding: 12px 14px 14px;
	border-color: var(--billing-plan-border, #dfe6ef);
	border-top: 4px solid var(--billing-plan-color, #98a2b3);
	background: linear-gradient(180deg, var(--billing-plan-tint, #f8fafc) 0, #fff 68px);
	box-shadow: none;
}

#billing .billing-plan legend {
	padding: 0 5px;
	font-size: 1rem;
	font-weight: 900;
	color: var(--billing-plan-color, #344054);
}

#billing .billing-plan--free { --billing-plan-color: #667085; --billing-plan-border: #d0d5dd; --billing-plan-tint: #f8fafc; }
#billing .billing-plan--pro { --billing-plan-color: #07885b; --billing-plan-border: #aae5cd; --billing-plan-tint: #f0fdf7; }
#billing .billing-plan--business { --billing-plan-color: #3867d6; --billing-plan-border: #b9ccff; --billing-plan-tint: #f3f7ff; }
#billing .billing-plan--scale { --billing-plan-color: #7a3cc2; --billing-plan-border: #dbc4fa; --billing-plan-tint: #faf6ff; }

#billing .billing-plan-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(120px, 1fr));
	gap: 12px;
	align-items: start;
}

#billing .billing-plan-grid label {
	gap: 5px;
	font-size: .82rem;
}

#billing .billing-plan-grid input {
	min-height: 40px;
	padding: 8px 10px;
}

#billing .billing-plan-grid .muted {
	min-height: 16px;
	font-size: .7rem;
	line-height: 1.25;
}

@media (max-width: 1180px) {
	#billing .billing-plan-grid { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
}

@media (max-width: 720px) {
	#billing .billing-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

label {
	display: grid;
	gap: 7px;
	color: #334155;
	font-weight: 850;
}

.check-row {
	display: flex;
	grid-template-columns: none;
	align-items: center;
	gap: 9px;
	color: #111827;
}

.check-row input {
	width: auto;
}

label.full,
.full {
	grid-column: 1 / -1;
}

input,
select,
textarea {
	width: 100%;
	max-width: none;
	border: 1px solid #cfd8e6;
	border-radius: 8px;
	padding: 11px 12px;
	color: #111827;
	background: #ffffff;
	font: inherit;
}

.file-picker {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.file-button {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	padding: 0 15px;
	background: #e8eef9;
	color: #173b92;
	font-weight: 900;
	cursor: pointer;
}

.file-name {
	color: #64748b;
	font-weight: 850;
}

.attachment-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.attachment-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	padding: 7px 8px 7px 10px;
	border-radius: 999px;
	background: #eef2f7;
	color: #334155;
	font-size: 0.9rem;
	font-weight: 850;
}

.attachment-chip span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.attachment-chip button {
	width: 22px;
	height: 22px;
	display: inline-grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: #d8dee8;
	color: #111827;
	font: inherit;
	font-weight: 950;
	line-height: 1;
	cursor: pointer;
}

.template-attachment-tools {
	margin-top: -4px;
}

.saved-attachment-library {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

.saved-attachment-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
	color: #111827;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.saved-attachment-head:hover {
	border-color: #173b92;
	background: #f8fafc;
}

.saved-attachment-head span {
	color: #64748b;
	font-size: 0.9rem;
	font-weight: 700;
}

.saved-attachment-head b {
	color: #173b92;
	font-size: 0.9rem;
	font-weight: 900;
}

.saved-attachment-list {
	display: grid;
	gap: 8px;
	max-height: 220px;
	overflow-y: auto;
	padding-right: 4px;
}

.saved-attachment-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
	color: #111827;
}

.saved-attachment-item:hover {
	border-color: #173b92;
	background: #f8fafc;
}

.saved-attachment-item div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.saved-attachment-item strong,
.saved-attachment-item small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.saved-attachment-item small {
	color: #64748b;
	font-weight: 700;
}

.saved-attachment-item .secondary-button {
	width: auto;
	height: 32px;
	padding: 0 12px;
	white-space: nowrap;
}

.merge-field-tools,
.detected-variable-list {
	display: grid;
	gap: 8px;
}

.template-attachment-chip {
	cursor: grab;
}

.template-attachment-chip .secondary-button {
	width: auto;
	height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	background: #ffffff;
	color: #173b92;
	font-size: 0.78rem;
}

.template-attachment-chip a {
	color: #173b92;
	font-weight: 900;
	text-decoration: none;
}

.inline-template-image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 16px 0;
	border: 0;
}

.template-workflow-switch {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}

.template-workflow-switch button {
	min-height: 42px;
}

.template-workflow-panel {
	display: none;
}

.template-workflow-panel.is-active {
	display: grid;
	gap: 16px;
}

.template-reuse-picker {
	display: grid;
	grid-template-columns: minmax(240px, 0.85fr) minmax(320px, 1.15fr);
	gap: 14px;
	align-items: start;
}

.template-reuse-picker select {
	min-height: 220px;
}

.template-action-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.template-action-menu[hidden] {
	display: none;
}

.template-selected-card {
	display: grid;
	gap: 6px;
	padding: 16px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.template-csv-import-form {
	display: block;
	margin-top: 0;
	padding: 14px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
}

#csv-import-form {
	grid-template-columns: minmax(0, 1fr);
	margin-top: 12px;
}

.template-preview-panel {
	display: grid;
	gap: 12px;
	padding: 16px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.advanced-settings {
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
}

.advanced-settings summary {
	cursor: pointer;
	color: #111827;
	font-weight: 900;
}

.advanced-settings label {
	margin-top: 12px;
}

.template-detail-panel {
	display: grid;
	gap: 12px;
}

.compact-label {
	display: grid;
	gap: 6px;
	min-width: min(280px, 100%);
	color: #334155;
	font-size: 0.85rem;
	font-weight: 900;
}

.preview-warning {
	margin-bottom: 12px;
	padding: 10px 12px;
	border: 1px solid #f5c2c7;
	border-radius: 8px;
	background: #fff5f5;
	color: #9f1239;
	font-weight: 850;
}

.validation-panel {
	display: grid;
	gap: 8px;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
}

.csv-data-panel {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.csv-data-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}

.csv-data-head span {
	color: #64748b;
	font-size: 0.9rem;
	font-weight: 850;
}

.csv-data-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.csv-data-table {
	max-height: 280px;
	overflow: auto;
	border: 1px solid #e6ebf2;
	border-radius: 8px;
}

.csv-data-table table {
	width: 100%;
	min-width: 720px;
	border-collapse: collapse;
}

.csv-data-table th,
.csv-data-table td {
	padding: 10px;
	border-bottom: 1px solid #e6ebf2;
	text-align: left;
	vertical-align: top;
}

.csv-data-table th {
	position: sticky;
	top: 0;
	z-index: 1;
	background: #f8fafc;
	color: #334155;
	font-size: 0.82rem;
	font-weight: 900;
}

.csv-data-table td {
	color: #111827;
	font-size: 0.9rem;
}

.csv-import-list {
	display: grid;
	gap: 8px;
	max-height: 300px;
	overflow: auto;
}

.csv-import-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px;
	border: 1px solid #e6ebf2;
	border-radius: 8px;
	background: #f8fafc;
}

.csv-row-actions {
	width: 1%;
	white-space: nowrap;
}

.validation-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.validation-ok,
.validation-error {
	font-weight: 850;
}

.validation-ok {
	color: #067647;
}

.validation-error {
	color: #b42318;
}

.validation-error small {
	display: block;
	color: #7a271a;
	font-weight: 750;
}

.settings-save-status {
	margin: 0;
	min-height: 1.4em;
}

textarea {
	resize: vertical;
}

.list {
	display: grid;
	gap: 12px;
}

.list-item {
	display: grid;
	gap: 10px;
	padding: 16px;
}

.compact-list {
	gap: 8px;
}

.mini-item {
	display: grid;
	gap: 4px;
	padding: 10px 0;
	border-bottom: 1px solid #d8dee8;
}

.mini-item:last-child {
	border-bottom: 0;
}

.mini-item span,
.mini-item small {
	color: #64748b;
}

.bulk-panel {
	padding: 14px 18px;
}

.contact-list-controls {
	display: flex;
	align-items: end;
	gap: 12px;
	margin: 14px 0;
}

.contact-pagination {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	margin: 10px 0 0;
}

.csv-contact-pagination .active-page { background:#173b92; border-color:#173b92; color:#fff; }
.csv-page-gap { padding:0 5px; color:#64748b; font-weight:850; }
.csv-contact-actions-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.csv-contact-actions-panel .csv-contact-pagination { margin:0; }
.csv-contact-actions-panel .bulk-panel { margin:0; padding:0; border:0; background:transparent; }
.csv-contact-actions-panel #csv-bulk-contact-status:empty { display:none; }
@media (max-width: 900px) { .csv-contact-actions-panel { align-items:stretch; flex-direction:column; gap:14px; }.csv-contact-actions-panel .csv-contact-pagination { padding-top:14px; border-top:1px solid #e6ebf2; } }

.contact-search-control {
	flex: 1 1 420px;
}

.pagination-summary {
	color: #64748b;
	font-weight: 800;
	grid-column: 1;
}

.pagination-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	color: #334155;
	font-weight: 850;
	grid-column: 2;
	padding: 4px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.pagination-actions button:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.contact-page-size-box {
	flex: 0 0 58px;
	width: 58px !important;
	min-width: 58px;
	max-width: 58px;
	height: 34px;
	padding: 4px 6px;
	text-align: center;
	font-weight: 900;
}

.mailrapido-admin .pagination-actions input.contact-page-size-box {
	flex: 0 0 58px !important;
	width: 58px !important;
	min-width: 58px !important;
	max-width: 58px !important;
}

.recipient-data-panel {
	display: grid;
	gap: 16px;
}

.recipient-table-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
}

.csv-field-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.recipient-table-card {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.recipient-table-card header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eef2f7;
}

.recipient-table-card header span {
	color: #64748b;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.recipient-table-card header strong {
	color: #111827;
	font-size: 0.98rem;
}

.section-head.compact {
	margin-bottom: 0;
}

.compact-form {
	grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
	align-items: end;
}

.recipient-value-table {
	overflow-x: auto;
}

.recipient-value-table table {
	width: 100%;
	min-width: 720px;
	border-collapse: collapse;
}

.recipient-value-table th,
.recipient-value-table td {
	padding: 10px;
	border-bottom: 1px solid #e6ebf2;
	text-align: left;
	vertical-align: top;
}

.recipient-value-table th {
	color: #334155;
	font-size: 0.82rem;
	text-transform: uppercase;
}

.recipient-value-table th span,
.recipient-value-table td span {
	display: block;
	color: #64748b;
	font-size: 0.82rem;
	text-transform: none;
}

.recipient-value-table input {
	min-width: 160px;
}

.ai-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
	gap: 14px;
}

.ai-chat-panel {
	display: grid;
	gap: 14px;
}

.ai-thread {
	height: 440px;
	overflow: auto;
	display: grid;
	align-content: start;
	gap: 10px;
	padding: 14px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
}

.ai-message {
	max-width: 86%;
	padding: 12px 14px;
	border-radius: 8px;
	line-height: 1.45;
}

.ai-message.user {
	justify-self: end;
	background: #101828;
	color: #ffffff;
}

.ai-message.assistant {
	justify-self: start;
	background: #ffffff;
	border: 1px solid #d8dee8;
	color: #111827;
}

.ai-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: end;
}

.ai-form textarea,
.ai-file-field {
	grid-column: 1 / -1;
}

.list-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}

.tag {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 8px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #334155;
	font-size: 0.85rem;
	font-weight: 850;
}

.tag.green {
	background: #ecfdf3;
	color: #067647;
}

.tag.red {
	background: #fef3f2;
	color: #b42318;
}

.progress-wrap {
	width: 100%;
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: #e8eef9;
}

.progress-bar {
	height: 100%;
	border-radius: inherit;
	background: #16a36f;
	transition: width 0.2s ease;
}

.email-preview {
	display: grid;
	gap: 12px;
}

.saved-template-preview {
	margin-top: 14px;
}

.preview-eyebrow {
	color: #64748b;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.preview-line {
	display: grid;
	gap: 4px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8dee8;
}

.preview-line span,
.preview-footer {
	color: #64748b;
	font-size: 0.9rem;
	font-weight: 850;
}

.preview-body {
	min-height: 140px;
	padding: 14px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
	line-height: 1.55;
}

.campaign-action-report {
	display: grid;
	gap: 14px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #d8dee8;
}

.campaign-inline-preview {
	display: grid;
	gap: 16px;
	margin-top: 8px;
	padding-top: 16px;
	border-top: 1px solid #d8dee8;
}

.campaign-action-report h3 {
	margin: 0 0 4px;
}

.campaign-report-table {
	overflow-x: auto;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.campaign-report-table table {
	width: 100%;
	min-width: 980px;
	border-collapse: collapse;
}

.campaign-report-table th,
.campaign-report-table td {
	padding: 12px;
	border-bottom: 1px solid #e6ebf2;
	text-align: left;
	vertical-align: top;
	font-size: 0.9rem;
}

.campaign-report-table th {
	color: #334155;
	font-size: 0.78rem;
	font-weight: 950;
	text-transform: uppercase;
	background: #f8fafc;
}

.campaign-report-table td span {
	display: block;
	color: #64748b;
	font-size: 0.82rem;
	line-height: 1.45;
}

.campaign-report-table td .tag {
	display: inline-flex;
}

.campaign-report-controls {
	margin: 0;
}

.campaign-report-pagination {
	margin-top: 0;
}

.preview-close-actions {
	display: flex;
	justify-content: flex-end;
	grid-column: 3;
}

.attachment-line {
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
	color: #334155;
	font-weight: 850;
}

.attachment-line a {
	color: #173b92;
	font-weight: 900;
}

.public-login,
.mailrapido-landing {
	min-height: 100vh;
	background: #f6f8fb;
	color: #111827;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.public-login {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: 16px;
	padding: clamp(32px, 7vw, 84px);
}

.landing-nav {
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 clamp(22px, 5vw, 72px);
	border-bottom: 1px solid #d8dee8;
	background: #ffffff;
}

.landing-login {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	padding: 0 16px;
	border-radius: 8px;
	background: #101828;
	color: #ffffff;
	font-weight: 900;
	text-decoration: none;
}

.landing-nav-actions { display: flex; align-items: center; gap: 16px; }

.landing-pricing-link { color: #344054; font-weight: 850; text-decoration: none; }

.landing-hero {
	min-height: calc(100vh - 76px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: center;
	padding: clamp(32px, 6vw, 80px);
}

.hero-copy {
	max-width: 780px;
}

.hero-copy h1 {
	margin: 0 0 18px;
	font-size: clamp(3rem, 6vw, 5.8rem);
	line-height: 0.96;
	letter-spacing: 0;
}

.hero-copy p {
	max-width: 660px;
	color: #475467;
	font-size: 1.25rem;
	line-height: 1.55;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	margin-top: 28px;
}

.hero-actions span {
	color: #64748b;
	font-weight: 750;
}

.hero-product,
.login-panel {
	display: grid;
	gap: 18px;
	padding: 22px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 28px 70px rgba(16, 24, 40, 0.16);
}

.login-panel {
	align-self: center;
}

.login-panel h2 {
	margin: 0;
	font-size: 2rem;
	line-height: 1.1;
}

.login-panel p {
	margin: 0;
	color: #64748b;
}

.login-panel form {
	display: grid;
	gap: 14px;
}

.social-login-stack,
.email-code-form {
	display: grid;
	gap: 10px;
}

.google-button,
.apple-button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cfd8e6;
	border-radius: 8px;
	background: #ffffff;
	color: #111827;
	font: inherit;
	font-weight: 900;
	text-decoration: none;
	cursor: pointer;
}

.google-button::before,
.apple-button::before {
	content: "G";
	width: 24px;
	height: 24px;
	display: inline-grid;
	place-items: center;
	margin-right: 10px;
	border-radius: 50%;
	background: #f1f5f9;
	color: #1a73e8;
	font-weight: 950;
}

.apple-button::before {
	content: "A";
	background: #111827;
	color: #ffffff;
}

.google-button:disabled,
.apple-button:disabled {
	opacity: 0.62;
	cursor: not-allowed;
}

.login-panel .primary-button {
	width: 100%;
}

.remember-row {
	display: flex;
	grid-template-columns: none;
	align-items: center;
	gap: 9px;
	color: #475467;
	font-size: 0.95rem;
	font-weight: 800;
}

.remember-row input {
	width: auto;
}

.login-error {
	padding: 12px 13px;
	border: 1px solid #fecdca;
	border-radius: 8px;
	background: #fef3f2;
	color: #b42318;
	font-weight: 850;
}

.login-notice {
	padding: 12px 13px;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	background: #ecfdf3;
	color: #067647;
	font-weight: 850;
}

.login-divider {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 10px;
	align-items: center;
	color: #64748b;
	font-size: 0.9rem;
	font-weight: 850;
}

.login-divider::before,
.login-divider::after {
	content: "";
	height: 1px;
	background: #d8dee8;
}

.product-toolbar {
	display: flex;
	gap: 7px;
}

.product-toolbar span {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #d8dee8;
}

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

.product-grid div,
.product-preview {
	padding: 16px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #f8fafc;
}

.product-grid small {
	display: block;
	color: #64748b;
	font-weight: 850;
}

.product-grid strong {
	display: block;
	margin-top: 6px;
	font-size: 1.8rem;
}

.product-preview p {
	color: #334155;
	line-height: 1.5;
}

.product-preview span {
	color: #b42318;
	font-weight: 850;
}

.landing-features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	padding: 0 clamp(32px, 6vw, 80px) 64px;
}

.landing-features article {
	padding: 22px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #ffffff;
}

.landing-features h2 {
	margin: 0 0 8px;
	font-size: 1.25rem;
}

.landing-features p {
	margin: 0;
	color: #64748b;
	line-height: 1.5;
}

.landing-pricing { padding: 74px clamp(32px, 6vw, 80px) 84px; background: #fff; border-top: 1px solid #e6eaf0; }
.landing-pricing-intro { max-width: 680px; margin: 0 auto 34px; text-align: center; }
.landing-pricing-intro h2 { margin: 7px 0 12px; color: #101828; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.05; letter-spacing: -.035em; }
.landing-pricing-intro > p:last-child { margin: 0; color: #667085; font-size: 1.06rem; line-height: 1.6; }
.landing-promo-callout { max-width: 620px; margin: -12px auto 28px; padding: 11px 14px; border: 1px solid #b9ccff; border-radius: 10px; background: #f3f7ff; color: #284b9f; text-align: center; font-size: .91rem; }
.landing-promo-callout code { padding: 2px 6px; border-radius: 5px; background: #dfe9ff; color: #173b92; font-weight: 900; }
.landing-pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1280px; margin: 0 auto; align-items: stretch; }
.landing-price-card { position: relative; display: flex; flex-direction: column; padding: 25px; border: 1px solid #dbe3ed; border-top: 4px solid var(--landing-plan-color, #98a2b3); border-radius: 14px; background: linear-gradient(180deg, var(--landing-plan-tint, #f8fafc), #fff 145px); box-shadow: 0 12px 28px rgba(16, 24, 40, .05); }
.landing-price-card--free { --landing-plan-color: #667085; --landing-plan-tint: #f8fafc; }
.landing-price-card--pro { --landing-plan-color: #07885b; --landing-plan-tint: #f0fdf7; border-color: #9edcc3; box-shadow: 0 16px 36px rgba(7, 136, 91, .13); }
.landing-price-card--business { --landing-plan-color: #3867d6; --landing-plan-tint: #f3f7ff; }
.landing-price-card--scale { --landing-plan-color: #7a3cc2; --landing-plan-tint: #faf6ff; }
.landing-price-card h3 { margin: 0; color: #101828; font-size: 1.3rem; }
.price-value { margin: 17px 0 7px; color: #101828; font-size: 2.5rem; font-weight: 900; letter-spacing: -.05em; line-height: 1; }
.price-value small { color: #667085; font-size: .92rem; font-weight: 750; letter-spacing: 0; }
.price-original { margin-right: 7px; color: #98a2b3; font-size: 1.25rem; letter-spacing: -.02em; text-decoration: line-through; vertical-align: 5px; }
.price-discount { min-height: 20px; margin: -2px 0 7px; color: #07885b; font-size: .83rem; font-weight: 900; }
.price-summary { min-height: 46px; margin: 0; color: #667085; font-size: .93rem; line-height: 1.45; }
.landing-price-card ul { display: grid; gap: 10px; margin: 22px 0 25px; padding: 0; list-style: none; color: #344054; font-size: .93rem; font-weight: 750; }
.landing-price-card li::before { content: '✓'; margin-right: 9px; color: var(--landing-plan-color, #475467); font-weight: 950; }
.landing-price-card .primary-button, .landing-price-card .secondary-button { width: 100%; margin-top: auto; justify-content: center; text-align: center; }
.price-badge { position: absolute; top: -15px; right: 18px; padding: 5px 9px; border-radius: 99px; background: #07885b; color: #fff; font-size: .72rem; font-weight: 900; }
.landing-pricing-note { max-width: 700px; margin: 24px auto 0; color: #667085; text-align: center; font-size: .88rem; line-height: 1.5; }

@media (max-width: 1100px) {
	.report-metric-grid { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
	.report-detail-grid { grid-template-columns: 1fr; }
	.workflow-grid,
	.quick-action-grid,
	.metric-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-grid,
	.ai-layout,
	.landing-hero,
	.landing-features,
	.landing-pricing-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1180px) and (min-width: 701px) { .landing-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 700px) { .landing-nav-actions { gap: 10px; }.landing-pricing { padding: 56px 22px 64px; }.landing-pricing-grid { grid-template-columns: 1fr; }.landing-price-card { padding: 22px; } }

@media (max-width: 820px) {
	.mailrapido-admin .app-shell {
		grid-template-columns: 1fr;
	}

	.mailrapido-admin .sidebar {
		position: static;
		height: auto;
	}

	.mailrapido-admin nav {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mailrapido-admin main {
		padding: 18px;
	}

	.mailrapido-admin .topbar,
	.launch-hero,
	.contact-list-controls,
	.contact-pagination,
	.template-reuse-picker,
	.ai-form {
		align-items: stretch;
		grid-template-columns: 1fr;
		flex-direction: column;
	}

	.pagination-actions {
		align-self: flex-end;
		flex-direction: row;
	}

	.form-grid,
	.metric-grid,
	.report-metric-grid,
	.quick-action-grid,
	.workflow-grid {
		grid-template-columns: 1fr;
	}

	.hero-copy h1 {
		font-size: 3rem;
	}
}

/* Reports analytics dashboard */
#reports { max-width: 1480px; margin: 0 auto; padding-bottom: 44px; }
.reports-topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 4px 0 26px; }
.reports-topbar h2 { margin: 0 0 7px; font-size: 1.75rem; letter-spacing: -.03em; }
.reports-topbar p { margin: 0; color: #64748b; }
.reports-top-actions { display: flex; gap: 9px; flex: 0 0 auto; }
.report-metric-grid { grid-template-columns: repeat(8, minmax(145px, 1fr)); gap: 12px; margin-bottom: 24px; overflow-x: auto; padding-bottom: 3px; }
.report-metric { position: relative; display: grid; min-width: 145px; gap: 5px; border: 1px solid #e5eaf1; border-radius: 12px; background: #fff; text-align: left; box-shadow: 0 5px 17px rgba(17, 24, 39, .045); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.report-metric:hover, .report-metric.selected { transform: translateY(-2px); border-color: #94a3ff; box-shadow: 0 12px 25px rgba(67, 78, 180, .12); }
.report-metric > span:not(.report-metric-icon) { color: #64748b; font-size: .78rem; font-weight: 800; }
.report-metric strong { font-size: 1.55rem; letter-spacing: -.04em; margin: 2px 0; color: #152044; }
.report-metric small { font-size: .72rem; color: #94a3b8; font-weight: 700; white-space: nowrap; }
.report-metric em { color: #16a36f; font-style: normal; margin-left: 4px; }
.report-metric-icon { position: absolute; right: 12px; top: 12px; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: #eef2ff; color: #4557d8; font-weight: 950; }
.report-skeleton { display:block; min-width:145px; height:122px; border-radius:12px; background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 45%,#f1f5f9 65%); background-size:400% 100%; animation:report-shimmer 1.1s infinite; } @keyframes report-shimmer { to { background-position:-135% 0; } }
.reports-chart-section { padding: 20px; margin-bottom: 18px; border: 1px solid #e5eaf1; border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(17,24,39,.04); }
.reports-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.reports-chart-head h3 { margin: 0 0 4px; font-size: 1rem; }
.reports-chart-head p { margin: 0; font-size: .84rem; }
.report-range-tabs { display: flex; padding: 3px; border-radius: 8px; background: #f1f5f9; gap: 2px; }
.report-range-tabs button { border: 0; border-radius: 6px; background: transparent; padding: 7px 10px; color: #64748b; cursor: pointer; font-size: .78rem; font-weight: 800; }
.report-range-tabs button.active { background: #fff; color: #273795; box-shadow: 0 1px 4px rgba(15,23,42,.12); }
.report-chart-grid { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 12px; }
.report-mini-chart { padding: 13px; min-height: 148px; border: 1px solid #edf0f5; border-radius: 10px; background: #fbfcff; }
.report-mini-chart > div:first-child { display: flex; justify-content: space-between; gap: 8px; color: #64748b; font-size: .78rem; font-weight: 800; }
.report-mini-chart strong { color: #172033; font-size: .95rem; }
.report-bars { display: flex; align-items: end; gap: 4px; height: 90px; padding-top: 16px; }
.report-bars i { flex: 1; min-width: 5px; border-radius: 5px 5px 2px 2px; opacity: .86; transition: opacity .2s; }
.report-bars i:hover { opacity: 1; }
.report-toolbar { display: flex; align-items: center; gap: 8px; padding: 11px; margin: 0 0 9px; border: 1px solid #e5eaf1; border-radius: 12px; background: #fff; box-shadow: 0 4px 15px rgba(17,24,39,.035); }
.report-typeahead { flex: 1 1 155px; min-width: 155px; }
.report-typeahead input { width: 100%; }
.report-toolbar select, .report-toolbar input { min-width: 120px; height: 36px; padding: 0 9px; border: 1px solid #dce3ee; border-radius: 7px; background: #fff; font: inherit; font-size: .82rem; color: #475569; }
.report-toolbar input { min-width: 172px; }
.report-toolbar .primary-button, .report-toolbar .secondary-button { min-height: 36px; padding: 7px 10px; font-size: .78rem; white-space: nowrap; }
.report-advanced { display: flex; width: 100%; gap: 12px; padding: 11px 2px 1px; border-top: 1px solid #edf0f5; }
.report-advanced label { display: grid; gap: 4px; color: #64748b; font-size: .75rem; font-weight: 800; }
.report-result-count { margin: 7px 2px 16px; font-size: .8rem; }
.report-insights { grid-template-columns: 1fr 1fr 1fr; margin-bottom: 18px; }
.report-insights .panel { border: 1px solid #e5eaf1; border-radius: 12px; box-shadow: 0 5px 18px rgba(17,24,39,.04); }
.report-insights h3 { margin: 0 0 13px; font-size: .95rem; }
.report-funnel { display: grid; gap: 7px; }
.report-funnel > div { display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; border-radius: 6px; background: #f6f8ff; font-size: .82rem; color: #64748b; }
.report-funnel > div:nth-child(3) { margin: 0 7px; }.report-funnel > div:nth-child(4) { margin: 0 14px; }.report-funnel > div:nth-child(5) { margin: 0 21px; }.report-funnel > div:nth-child(6) { margin: 0 28px; }.report-funnel > div:nth-child(7) { margin: 0 35px; }.report-funnel > div:nth-child(8) { margin: 0 42px; }
.report-funnel strong { color: #172033; }
.report-health h3 { display:flex; justify-content:space-between; }.report-health h3 b { padding: 3px 8px; border-radius: 99px; font-size: .75rem; }.report-health h3 b.green { background:#dcfae6;color:#067647; }.report-health h3 b.yellow { background:#fff5d6;color:#a15c00; }.report-health h3 b.red { background:#fee4e2;color:#b42318; }
.report-health p { display:flex; justify-content:space-between; margin: 9px 0; color:#64748b; font-size:.82rem; }.report-health strong { color:#172033; }
.report-queue-numbers { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.report-queue-numbers span { color:#64748b;font-size:.78rem; }.report-queue-numbers b { display:block;color:#172033;font-size:1rem;margin-top:3px; }.queue-progress { height:7px;margin:14px 0;border-radius:99px;background:#edf1f7;overflow:hidden; }.queue-progress i { display:block;height:100%;border-radius:inherit;background:#5668f5; }
.report-table-wrap { border: 1px solid #e5eaf1; border-radius: 12px; box-shadow: 0 5px 18px rgba(17,24,39,.04); }.report-table-wrap th { background:#f8faff; }.report-table-wrap tbody tr { transition: background .16s; cursor:pointer; }.report-table-wrap tbody tr:hover { background:#f6f8ff; }.report-table-wrap td { font-size:.82rem; }
.report-drawer-backdrop { position:fixed;inset:0;background:rgba(15,23,42,.32);opacity:0;pointer-events:none;transition:opacity .2s;z-index:99; }.report-drawer-backdrop.open { opacity:1;pointer-events:auto; }
.report-detail-panel { position:fixed;top:0;right:0;z-index:100;width:min(620px,100vw);height:100vh;overflow:auto;padding:26px;background:#fff;box-shadow:-18px 0 45px rgba(15,23,42,.2);transform:translateX(105%);transition:transform .24s ease;margin:0; }.report-detail-panel.open { transform:translateX(0); }
.report-drawer-head { display:flex;justify-content:space-between;gap:14px;align-items:flex-start; }.report-drawer-head h3 { margin:10px 0 0;font-size:1.25rem; }.report-drawer-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 4px; }.report-drawer-summary span { padding:10px 7px;border-radius:8px;background:#f6f8ff;color:#64748b;font-size:.72rem; }.report-drawer-summary b { display:block;margin-top:4px;color:#172033;font-size:1rem; }.report-drawer-campaign { width:100%;margin-top:18px; }
.reports-bottom-grid { margin-top:18px; }
@media (max-width: 1180px) { .report-metric-grid { grid-template-columns:repeat(4,minmax(145px,1fr)); }.report-chart-grid { grid-template-columns:repeat(3,1fr); }.report-insights { grid-template-columns:1fr 1fr; } }
@media (max-width: 820px) { .reports-topbar,.reports-chart-head { flex-direction:column;align-items:stretch; }.reports-top-actions { justify-content:flex-end; }.report-toolbar { flex-wrap:wrap; }.report-toolbar select,.report-toolbar input,.report-typeahead { flex:1 1 135px; }.report-chart-grid,.report-insights { grid-template-columns:1fr; }.report-range-tabs { overflow:auto; }.report-advanced { flex-wrap:wrap; }.report-detail-panel { padding:18px; }.report-drawer-summary { grid-template-columns:repeat(2,1fr); } }

/* Calm, task-focused Reports layout */
#reports { max-width: 1320px; }
.reports-topbar { align-items:center; margin: 8px 0 20px; }
.reports-topbar h2 { font-size: 1.55rem; letter-spacing: -.025em; }
.reports-topbar p { font-size: .9rem; }
.reports-top-actions .secondary-button { background:#fff; }
.report-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; overflow:visible; margin-bottom:18px; }
.report-metric { min-width:0; min-height:108px; padding:15px; border-color:#e8edf4; border-radius:10px; box-shadow:none; }
.reports-summary-context { display:flex; align-items:baseline; gap:8px; margin:0 2px 9px; color:#64748b; font-size:.82rem; }
.reports-summary-context strong { color:#172a72; }
#reports .report-metric { cursor:default; }
#reports .report-metric:hover { transform:none; border-color:#e8edf4; box-shadow:none; }
#reports .report-metric-icon { display:flex; align-items:center; justify-content:center; padding:0; line-height:1; text-align:center; }
.report-metric:hover,.report-metric.selected { transform:none; border-color:#7484e8; box-shadow:0 5px 14px rgba(42,58,160,.10); }
.report-metric strong { font-size:1.42rem; }.report-metric small { white-space:normal; }.report-metric-icon { width:26px;height:26px; background:#f1f3ff; }
.reports-filter-head { display:flex; align-items:center; justify-content:space-between; margin:18px 2px 7px; }.reports-filter-head strong { display:block; color:#172033; font-size:.92rem; }.reports-filter-head span { display:block; margin-top:2px; color:#8491a4; font-size:.78rem; }
.report-toolbar { gap:7px; padding:9px; border-radius:10px; box-shadow:none; background:#f8fafc; border-color:#e5eaf1; }
.report-toolbar select,.report-toolbar input { flex:1 1 140px; min-width:0; height:38px; border-color:#dce3ed; background:#fff; color:#334155; }
.report-toolbar input { flex-basis:190px; }.report-toolbar .primary-button,.report-toolbar .secondary-button { min-height:38px; padding:8px 12px; }
.report-result-count { margin:8px 3px 14px; color:#718096; }
.reports-chart-section { margin:0 0 14px; padding:17px; border-radius:11px; box-shadow:none; border-color:#e6ebf2; }
.reports-chart-head { margin-bottom:13px; }.reports-chart-head h3,.reports-table-head h3 { font-size:1rem; }.report-chart-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }.report-mini-chart { min-height:128px; padding:11px; border:0; background:#f8fafc; }.report-bars { height:72px; padding-top:12px; }
.report-insights { grid-template-columns:1.15fr .85fr .95fr; gap:10px; margin-bottom:18px; }.report-insights .panel { padding:16px; box-shadow:none; border-color:#e6ebf2; border-radius:10px; }
/* Delivery funnel: a compact vertical sequence instead of the old stepped pyramid. */
.report-funnel { gap:0; }
.report-funnel > h3 { margin-bottom:12px; }
.report-funnel > div,
.report-funnel > div:nth-child(n) {
	position:relative;
	margin:0;
	min-height:38px;
	padding:9px 11px 9px 34px;
	border:1px solid #e7edf5;
	border-bottom:0;
	border-radius:0;
	background:#f8fafc;
}
.report-funnel > div:first-of-type { border-radius:8px 8px 0 0; }
.report-funnel > div:last-child { border-bottom:1px solid #e7edf5; border-radius:0 0 8px 8px; }
.report-funnel > div::before { content:""; position:absolute; left:13px; top:50%; width:8px; height:8px; border:2px solid #5668f5; border-radius:50%; background:#fff; transform:translateY(-50%); z-index:1; }
.report-funnel > div:not(:last-child)::after { content:""; position:absolute; left:17px; top:50%; bottom:-13px; width:2px; background:#d9e1ef; }
.report-funnel > div span { color:#526176; font-weight:750; }
.report-funnel > div strong { font-size:.9rem; }
.report-health p { padding-bottom:6px; border-bottom:1px solid #edf1f5; }.report-health p:last-child { border:0; padding-bottom:0; }
.reports-table-head { display:flex; align-items:end; justify-content:space-between; margin:0 2px 8px; }.reports-table-head h3 { margin:0 0 3px; }.reports-table-head p { margin:0; color:#8491a4; font-size:.8rem; }
.report-table-wrap { border-radius:10px; box-shadow:none; border-color:#e2e8f0; }.report-table-wrap table { min-width:1180px; }.report-table-wrap th { padding:11px 12px; background:#f8fafc; color:#64748b; font-size:.72rem; }.report-table-wrap td { padding:13px 12px; }.report-table-wrap tbody tr:hover { background:#f6f8ff; }.report-table-wrap tbody tr td:first-child strong { color:#172a72; }
.reports-bottom-grid { margin-top:14px; }.reports-bottom-grid .panel { border:1px solid #e6ebf2; border-radius:10px; box-shadow:none; }
@media (max-width:1100px) { .report-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.report-chart-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.report-insights { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .report-metric-grid,.report-chart-grid,.report-insights { grid-template-columns:1fr; }.report-toolbar { padding:8px; }.report-toolbar select,.report-toolbar input { flex-basis:100%; }.reports-top-actions { width:100%; }.reports-top-actions button { flex:1; } }

/* Reports follows the same form-and-panel language as the rest of the app. */
#reports .reports-standard-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
#reports .reports-standard-head h2 { margin:0 0 6px; font-size:1.55rem; }
#reports .reports-standard-head p { margin:0; }
#reports .reports-filter-panel { margin:0 0 10px; padding:20px; border:1px solid #dfe6ef; border-radius:10px; box-shadow:none; }
#reports .reports-filter-panel .section-head { margin-bottom:14px; }
#reports .reports-filter-panel h3 { margin:0 0 3px; font-size:1rem; }
.reports-filter-actions { display:flex; align-items:end; gap:10px; flex-wrap:wrap; }
.campaign-main-actions { margin-top:14px; }
.campaign-actions-row { justify-content:flex-start; margin-top:14px; }
.campaign-actions-row .campaign-restart-audience { display:flex; align-items:center; gap:8px; min-height:38px; white-space:nowrap; }
.campaign-actions-row .campaign-restart-audience select { min-height:38px; }
.workspace-chip { display:inline-flex; flex-direction:column; justify-content:center; min-height:38px; padding:5px 10px; border:1px solid #dbe4f0; border-radius:8px; background:#f8fafc; color:#172a72; line-height:1.1; }
.account-context { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:6px 11px; border:1px solid; border-radius:9px; line-height:1.12; }.account-context i { width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent); }.account-context span { display:flex; flex-direction:column; }.account-context strong { max-width:180px; overflow:hidden; font-size:.77rem; text-overflow:ellipsis; white-space:nowrap; }.account-context small { margin-top:3px; font-size:.66rem; font-weight:850; }.account-context--super-admin { border-color:#c4b5fd; background:#f5f3ff; color:#6d28d9; }.account-context--owner { border-color:#fbbf24; background:#fffbeb; color:#a16207; }.account-context--admin { border-color:#60a5fa; background:#eff6ff; color:#1d4ed8; }.account-context--member,.account-context--viewer,.account-context--user { border-color:#34d399; background:#ecfdf5; color:#047857; }
.workspace-chip strong { font-size:.78rem; }.workspace-chip small { margin-top:3px; color:#64748b; font-size:.67rem; font-weight:800; }
.workspace-switcher { display:flex; align-items:center; gap:6px; color:#64748b; font-size:.72rem; font-weight:800; white-space:nowrap; }
.super-user-switcher { display:grid; gap:4px; margin:12px 0; padding:10px; border:1px solid rgba(255,255,255,.12); border-radius:9px; background:rgba(255,255,255,.06); color:#cbd5e1; font-size:.7rem; font-weight:850; }.super-user-switcher select { width:100%; min-height:34px; padding:0 7px; border:1px solid #334155; border-radius:6px; background:#172033; color:#f8fafc; font:inherit; }.super-user-switcher small { color:#94a3b8; font-size:.65rem; font-weight:700; }
.super-user-picker { margin:12px 0; border:1px solid rgba(255,255,255,.12); border-radius:9px; background:rgba(255,255,255,.06); color:#e2e8f0; }.super-user-picker summary { padding:10px; cursor:pointer; color:#cbd5e1; font-size:.72rem; font-weight:850; }.super-user-picker[open] summary { border-bottom:1px solid rgba(255,255,255,.1); }.super-user-picker input { width:calc(100% - 16px); min-height:32px; box-sizing:border-box; margin:8px; padding:0 7px; border:1px solid #334155; border-radius:6px; background:#172033; color:#f8fafc; font:inherit; }.super-user-options { display:grid; max-height:230px; overflow:auto; padding:0 8px 8px; gap:5px; }.super-user-option { display:grid; gap:2px; width:100%; padding:8px; border:1px solid; border-radius:7px; background:#172033; color:#e2e8f0; text-align:left; cursor:pointer; }.super-user-option b { overflow:hidden; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }.super-user-option small { font-size:.64rem; }.super-user-option--super-admin { border-color:#7c3aed; color:#ddd6fe; }.super-user-option--owner { border-color:#d97706; color:#fde68a; }.super-user-option--admin { border-color:#2563eb; color:#bfdbfe; }.super-user-option--member,.super-user-option--viewer { border-color:#059669; color:#a7f3d0; }
.sidebar-viewing { display:grid; gap:3px; margin:12px 0 4px; padding:11px; border:1px solid; border-radius:9px; }.sidebar-viewing span { font-size:.64rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.sidebar-viewing strong { font-size:.88rem; }.sidebar-viewing small { overflow:hidden; font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }.sidebar-viewing--super-admin { border-color:#7c3aed; background:#2e1065; color:#ddd6fe; }.sidebar-viewing--owner { border-color:#d97706; background:#451a03; color:#fde68a; }.sidebar-viewing--admin { border-color:#2563eb; background:#172554; color:#bfdbfe; }.sidebar-viewing--member,.sidebar-viewing--viewer,.sidebar-viewing--user { border-color:#059669; background:#022c22; color:#a7f3d0; }
.workspace-switcher select { max-width:210px; min-height:38px; padding:0 28px 0 9px; border:1px solid #dbe4f0; border-radius:8px; background:#fff; color:#172a72; font:inherit; }
.workspace-admin-panel { margin-top:16px; border-color:#cfd8ff; background:linear-gradient(180deg,#fbfcff 0%,#fff 100%); }
.workspace-admin-item { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.workspace-admin-details { min-width:0; flex:1; }.workspace-admin-actions { display:flex; align-items:center; gap:8px; }.workspace-members { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }.workspace-members span { padding:4px 6px; border-radius:6px; background:#f1f5f9; color:#475569; font-size:.72rem; }.workspace-members select,.workspace-member-form select,.workspace-member-form input { min-height:30px; border:1px solid #dbe4f0; border-radius:6px; background:#fff; font:inherit; }.workspace-member-form { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }.workspace-member-form input { min-width:205px; padding:0 7px; }.workspace-member-form .secondary-button { min-height:30px; padding:0 9px; font-size:.72rem; }.link-button { border:0; background:transparent; color:#b42318; font:inherit; cursor:pointer; }
.campaign-test-panel { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin-top:12px; padding:12px 14px; border:1px solid #e2e8f0; border-radius:9px; background:#f8fafc; }
.campaign-test-head { width:100%; }.campaign-test-head strong { display:block; }.campaign-test-head span { display:block; margin-top:3px; color:#64748b; font-size:.78rem; }
.success-message { color:#087443; font-weight:800; }.error-message { color:#b42318; font-weight:800; }
.test-status-grid { display:grid; grid-template-columns:repeat(4,1fr); width:100%; gap:6px; margin:2px 0 4px; }.test-status-grid span { padding:8px 5px; border-radius:7px; background:#fff; color:#718096; font-size:.67rem; font-weight:800; text-align:center; }.test-status-grid i { display:block; margin-bottom:2px; color:#172a72; font-size:.92rem; font-style:normal; }.test-status-grid span:nth-child(1) i { color:#166534; }.test-status-grid span:nth-child(4) i { color:#b42318; }
.campaign-test-panel strong { color:#172a72; }.campaign-test-panel > span { flex:1 1 220px; color:#64748b; font-size:.8rem; }
.campaign-test-panel label { display:grid; gap:4px; color:#64748b; font-size:.75rem; font-weight:800; }.campaign-test-panel input,.campaign-test-panel select { min-height:35px; min-width:150px; }
.campaign-card { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }
.campaign-card .campaign-left { min-width:0; }
.campaign-card .campaign-test-panel { position:static; width:auto; margin:0; align-content:start; }
.campaign-card .campaign-test-panel strong { width:100%; font-size:.95rem; }.campaign-card .campaign-test-panel > span { flex-basis:100%; }
@media (max-width:760px) { .campaign-card { display:block; }.campaign-card .campaign-test-panel { margin-top:14px; } }
.reports-filter-actions label { display:grid; gap:6px; min-width:140px; color:#475569; font-size:.82rem; font-weight:800; }
.reports-filter-actions select { min-height:39px; }
.report-filter-feedback { align-self:center; color:#64748b; font-size:.8rem; font-weight:750; }
.report-filter-feedback.applied { color:#087443; }
#reports .reports-chart-section { padding:20px; background:#fff; }
#reports .report-metric-grid { grid-template-columns:repeat(4,minmax(160px,1fr)); }
@media (max-width:820px) { #reports .reports-standard-head { flex-direction:column; } #reports .reports-top-actions { width:auto; } #reports .reports-filter-panel { padding:16px; } }

/* Administration workspace */
.admin-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px; border:1px solid #d9e2ff; border-radius:16px; background:radial-gradient(circle at top right,#e8edff 0%,transparent 38%),linear-gradient(135deg,#101b4f 0%,#1a2d7a 100%); color:#fff; }
.admin-hero .eyebrow { color:#b9c8ff; }.admin-hero h2 { margin:3px 0 7px; color:#fff; font-size:1.65rem; }.admin-hero p:not(.eyebrow) { max-width:620px; margin:0; color:#dbe5ff; }.admin-security-note { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.1); color:#fff; font-size:.74rem; font-weight:800; }
.admin-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0; }.admin-stat { padding:15px 17px; border:1px solid #e2e8f3; border-radius:12px; background:#fff; box-shadow:0 4px 16px rgba(15,23,42,.04); }.admin-stat span { display:block; color:#64748b; font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.admin-stat strong { display:block; margin-top:5px; color:#172a72; font-size:1.55rem; line-height:1; }.admin-panel-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr); gap:16px; align-items:start; }.admin-primary-panel,.admin-access-panel { margin-top:0; }.admin-access-panel .form-grid { margin-top:14px; }
.admin-workspace-card { display:block; padding:0; overflow:hidden; border:1px solid #dfe6f3; border-radius:12px; background:#fff; box-shadow:none; }.admin-workspace-card + .admin-workspace-card { margin-top:11px; }.admin-workspace-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 15px; border-bottom:1px solid #edf1f7; background:#fbfcff; }.admin-workspace-title { display:flex; align-items:center; min-width:0; gap:10px; }.admin-workspace-title strong { display:block; color:#15235d; font-size:.93rem; }.admin-workspace-title p { margin:2px 0 0; overflow:hidden; color:#64748b; font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; }.admin-workspace-mark,.admin-member-avatar { display:grid; flex:0 0 auto; width:30px; height:30px; place-items:center; border-radius:9px; background:#e9eeff; color:#243b91; font-size:.78rem; font-weight:900; }.admin-workspace-metrics { display:flex; gap:18px; padding:10px 15px; color:#64748b; font-size:.75rem; }.admin-workspace-metrics b { color:#18255d; }.admin-members-label { padding:0 15px 7px; color:#64748b; font-size:.69rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.workspace-members { display:grid; gap:5px; margin:0; padding:0 15px 13px; }.workspace-members .admin-member-row { display:flex; align-items:center; gap:8px; min-width:0; padding:7px 8px; border:1px solid #edf1f5; border-radius:8px; background:#fff; }.admin-member-avatar { width:24px; height:24px; border-radius:7px; background:#f1f5f9; color:#475569; font-size:.68rem; }.admin-member-email { min-width:0; overflow:hidden; color:#334155; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }.admin-member-role { margin-left:auto; color:#64748b; font-size:.73rem; text-transform:capitalize; }.admin-member-role select { min-height:29px; border:1px solid #dbe4f0; border-radius:6px; background:#fff; font:inherit; }.workspace-member-form { display:grid; grid-template-columns:minmax(180px,1fr) 110px auto; align-items:end; gap:8px; margin:0; padding:13px 15px; border-top:1px solid #edf1f7; background:#f8faff; }.workspace-member-form label { display:grid; gap:4px; color:#64748b; font-size:.7rem; font-weight:800; }.workspace-member-form input,.workspace-member-form select { width:100%; min-height:34px; box-sizing:border-box; padding:0 8px; }.workspace-member-form .secondary-button { min-height:34px; padding:0 10px; white-space:nowrap; }.workspace-member-form [data-invite-status] { grid-column:1/-1; }
.admin-campaign-panel { grid-column:1/-1; }.admin-campaign-filters { display:grid; grid-template-columns:180px 160px minmax(220px,1fr); gap:9px; margin:15px 0; }.admin-campaign-filters label { display:grid; gap:5px; color:#64748b; font-size:.7rem; font-weight:850; }.admin-campaign-filters input,.admin-campaign-filters select { min-height:36px; padding:0 9px; border:1px solid #dbe4f0; border-radius:7px; background:#fff; font:inherit; }.platform-campaign-row { display:grid; grid-template-columns:minmax(280px,1.5fr) minmax(220px,1fr) auto; align-items:center; gap:14px; padding:13px 2px; border-top:1px solid #edf1f6; }.platform-campaign-main { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }.platform-campaign-main strong { display:block; overflow:hidden; color:#172a72; font-size:.86rem; text-overflow:ellipsis; white-space:nowrap; }.platform-campaign-main p { margin:3px 0 0; overflow:hidden; color:#64748b; font-size:.73rem; text-overflow:ellipsis; white-space:nowrap; }.platform-campaign-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }.platform-campaign-stats span { padding:6px 4px; border-radius:6px; background:#f8fafc; color:#64748b; font-size:.66rem; text-align:center; }.platform-campaign-stats b { display:block; color:#243b91; font-size:.78rem; }.platform-campaign-actions { display:flex; justify-content:flex-end; gap:6px; }.platform-campaign-actions button { min-height:31px; padding:0 9px; font-size:.72rem; }
@media (max-width:900px) { .admin-panel-grid { grid-template-columns:1fr; }.admin-access-panel { order:-1; }.platform-campaign-row { grid-template-columns:1fr; }.platform-campaign-actions { justify-content:flex-start; } }
@media (max-width:620px) { .admin-hero { display:block; padding:19px; }.admin-security-note { display:inline-block; margin-top:13px; }.admin-stat-grid { grid-template-columns:1fr; }.admin-workspace-head { align-items:flex-start; flex-direction:column; }.workspace-member-form { grid-template-columns:1fr; }.workspace-member-form .secondary-button { width:100%; }.admin-member-row { flex-wrap:wrap; }.admin-member-role { margin-left:0; }.link-button { margin-left:auto; }.admin-campaign-filters { grid-template-columns:1fr; }.platform-campaign-main { align-items:flex-start; flex-direction:column; }.platform-campaign-stats { max-width:320px; }.platform-campaign-actions button { flex:1; } }

.platform-console { margin-top:18px; padding:20px; border:1px solid #dfe6f3; border-radius:14px; background:#fff; }.platform-console-head h3 { margin:2px 0 5px; color:#172a72; }.platform-console-head p { margin:0; color:#64748b; }.platform-console-tabs { display:flex; gap:6px; margin:18px 0 13px; padding-bottom:10px; border-bottom:1px solid #e8edf5; overflow:auto; }.platform-console-tabs button { padding:8px 11px; border:0; border-radius:7px; background:transparent; color:#64748b; font:inherit; font-size:.78rem; font-weight:850; cursor:pointer; white-space:nowrap; }.platform-console-tabs button.is-active { background:#e9eeff; color:#172a72; }.platform-directory-view { display:none; }.platform-directory-view.is-active { display:block; }.platform-directory-tools { margin-bottom:10px; }.platform-directory-tools input { width:100%; min-height:38px; box-sizing:border-box; padding:0 10px; border:1px solid #dbe4f0; border-radius:8px; font:inherit; }.platform-directory-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 4px; border-top:1px solid #edf1f6; }.platform-directory-row strong { display:block; color:#172a72; font-size:.84rem; }.platform-directory-row p { margin:3px 0 0; color:#64748b; font-size:.73rem; }.platform-directory-meta { display:flex; align-items:center; gap:7px; }.platform-directory-meta .secondary-button { min-height:31px; padding:0 9px; font-size:.72rem; white-space:nowrap; }@media (max-width:620px) { .platform-directory-row { align-items:flex-start; flex-direction:column; }.platform-directory-meta { width:100%; justify-content:space-between; } }
.platform-user-inspector { margin-top:16px; padding:14px; border:1px solid #dbe4f0; border-radius:10px; background:#f8faff; }.platform-user-picker label { display:grid; grid-template-columns:120px minmax(220px,440px); align-items:center; gap:8px; color:#475569; font-size:.76rem; font-weight:850; }.platform-user-picker select { min-height:36px; padding:0 8px; border:1px solid #cfd9ea; border-radius:7px; background:#fff; font:inherit; }.inspector-profile { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-bottom:12px; border-bottom:1px solid #e2e8f3; }.inspector-profile h4 { margin:2px 0; color:#172a72; }.inspector-profile p { margin:0; color:#64748b; font-size:.75rem; }.inspector-workspaces { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }.inspector-workspaces span { padding:5px 7px; border-radius:6px; background:#e9eeff; color:#283e91; font-size:.7rem; font-weight:800; }.inspector-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }.inspector-grid > div { min-height:110px; padding:11px; border:1px solid #e5eaf2; border-radius:8px; background:#fff; }.inspector-grid h5 { margin:0 0 8px; color:#334155; font-size:.76rem; }.inspector-grid h5 small { color:#64748b; font-weight:700; }.inspector-grid p { margin:0; padding:6px 0; border-top:1px solid #f0f3f8; }.inspector-grid strong,.inspector-grid span { display:block; overflow:hidden; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }.inspector-grid strong { color:#334155; }.inspector-grid span { margin-top:2px; color:#64748b; }@media (max-width:720px) { .platform-user-picker label { grid-template-columns:1fr; }.inspector-profile { align-items:flex-start; flex-direction:column; }.inspector-workspaces { justify-content:flex-start; }.inspector-grid { grid-template-columns:1fr; } }