.acm-portal-app {
	--acm-bg: #f6f8fb;
	--acm-panel: #ffffff;
	--acm-ink: #20303c;
	--acm-muted: #6b7a88;
	--acm-line: #dfe7ee;
	--acm-teal: #2b8c84;
	--acm-blue: #4c78a8;
	--acm-coral: #e47d6b;
	--acm-gold: #d7a84f;
	--acm-mint: #e4f4ef;
	--acm-lilac: #ece9f8;
	background: var(--acm-bg);
	color: var(--acm-ink);
	display: grid;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	grid-template-columns: 260px minmax(0, 1fr);
	line-height: 1.5;
	min-height: 720px;
}

html.acm-portal-standalone-root,
body.acm-portal-standalone-page {
	background: #f6f8fb;
	margin: 0;
	overflow-x: hidden;
}

body.acm-portal-standalone-page #wpadminbar {
	display: none !important;
}

html.acm-portal-standalone-root {
	margin-top: 0 !important;
}

body.acm-portal-standalone-page .site-header,
body.acm-portal-standalone-page header:not(.acm-portal-topbar),
body.acm-portal-standalone-page .site-footer,
body.acm-portal-standalone-page footer,
body.acm-portal-standalone-page .page-header,
body.acm-portal-standalone-page .entry-header,
body.acm-portal-standalone-page .entry-title,
body.acm-portal-standalone-page .post-thumbnail,
body.acm-portal-standalone-page .breadcrumb,
body.acm-portal-standalone-page .breadcrumbs {
	display: none !important;
}

body.acm-portal-standalone-page .site,
body.acm-portal-standalone-page .site-content,
body.acm-portal-standalone-page .content-area,
body.acm-portal-standalone-page .entry-content,
body.acm-portal-standalone-page .wp-site-blocks,
body.acm-portal-standalone-page .wp-block-post-content,
body.acm-portal-standalone-page main:not(.acm-portal-content),
body.acm-portal-standalone-page article,
body.acm-portal-standalone-page .container,
body.acm-portal-standalone-page .wrap {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

body.acm-portal-standalone-page .acm-portal-app {
	bottom: 0;
	height: 100vh;
	left: 0;
	margin: 0;
	max-height: 100vh;
	max-width: none;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 999999;
}

body.acm-portal-standalone-page .acm-portal-sidebar {
	height: 100vh;
	overflow-y: auto;
}

body.acm-portal-standalone-page .acm-portal-main {
	height: 100vh;
	overflow-y: auto;
}

.acm-portal-app * {
	box-sizing: border-box;
}

.acm-portal-sidebar {
	background: #ffffff;
	border-right: 1px solid var(--acm-line);
	padding: 22px 16px;
}

.acm-portal-brand {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 24px;
}

.acm-portal-brand-mark {
	align-items: center;
	background: var(--acm-teal);
	border-radius: 8px;
	color: #ffffff;
	display: inline-flex;
	font-weight: 700;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.acm-portal-brand strong,
.acm-portal-user strong {
	display: block;
	font-size: 14px;
}

.acm-portal-brand small,
.acm-portal-user small {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
}

.acm-portal-nav {
	display: grid;
	gap: 6px;
}

.acm-portal-nav a {
	align-items: center;
	border-radius: 8px;
	color: var(--acm-ink);
	display: flex;
	gap: 10px;
	padding: 11px 12px;
	text-decoration: none;
}

.acm-portal-nav a:hover,
.acm-portal-nav a:focus,
.acm-portal-nav a.is-active {
	background: var(--acm-mint);
	color: #17665f;
	outline: none;
}

.acm-portal-main {
	min-width: 0;
}

.acm-portal-topbar {
	align-items: center;
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid var(--acm-line);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 14px 22px;
	position: sticky;
	top: 0;
	z-index: 5;
}

.acm-portal-menu-button {
	background: #ffffff;
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	display: none;
	height: 40px;
	width: 40px;
}

.acm-portal-search {
	align-items: center;
	background: #f0f5f7;
	border: 1px solid transparent;
	border-radius: 8px;
	display: flex;
	flex: 1;
	gap: 8px;
	max-width: 460px;
	padding: 0 12px;
}

.acm-portal-search input {
	background: transparent;
	border: 0;
	box-shadow: none;
	min-height: 42px;
	outline: none;
	width: 100%;
}

.acm-portal-user {
	align-items: center;
	display: flex;
	gap: 12px;
	text-align: right;
}

.acm-portal-logout,
.acm-portal-primary-action,
.acm-portal-admin-link {
	align-items: center;
	border-radius: 8px;
	display: inline-flex;
	gap: 8px;
	padding: 10px 13px;
	text-decoration: none;
}

.acm-portal-logout,
.acm-portal-primary-action {
	background: var(--acm-teal);
	color: #ffffff;
}

.acm-portal-admin-link {
	background: #eef5ff;
	border: 1px solid #d9e7fb;
	color: #315f96;
	font-weight: 700;
}

.acm-portal-admin-link:hover,
.acm-portal-admin-link:focus {
	background: #e2efff;
	color: #244f82;
	outline: none;
}

.acm-portal-content {
	margin: 0 auto;
	max-width: 1240px;
	padding: 24px;
	width: 100%;
}

.acm-portal-page-title h2 {
	font-size: 26px;
	line-height: 1.2;
	margin: 0 0 18px;
}

.acm-portal-hero {
	align-items: center;
	background: linear-gradient(135deg, #e6f4f1, #eef2fb 55%, #fff5e3);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 18px;
	padding: 20px;
}

.acm-portal-hero p,
.acm-portal-hero h3 {
	margin: 0;
}

.acm-portal-hero p {
	color: var(--acm-muted);
	font-size: 13px;
}

.acm-portal-hero h3 {
	font-size: 24px;
	line-height: 1.25;
}

.acm-portal-stat-grid,
.acm-portal-card-grid,
.acm-staff-action-strip {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 18px;
}

.acm-portal-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.acm-staff-action-strip {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.acm-staff-action-strip a {
	align-items: center;
	background: var(--acm-panel);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	color: var(--acm-ink);
	display: flex;
	gap: 10px;
	min-height: 58px;
	padding: 13px;
	text-decoration: none;
}

.acm-staff-action-strip .dashicons {
	align-items: center;
	background: #fff3cf;
	border-radius: 8px;
	color: #8a6619;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.acm-portal-stat,
.acm-portal-module-card,
.acm-frontend-module-panel {
	background: var(--acm-panel);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(31, 49, 64, 0.05);
}

.acm-portal-stat {
	padding: 16px;
}

.acm-portal-stat span,
.acm-portal-stat small,
.acm-portal-module-card small,
.acm-portal-muted {
	color: var(--acm-muted);
}

.acm-portal-stat strong {
	display: block;
	font-size: 30px;
	line-height: 1.1;
	margin: 8px 0 4px;
}

.acm-portal-stat-grid--compact .acm-portal-stat strong {
	font-size: 24px;
}

.acm-portal-module-card {
	color: var(--acm-ink);
	display: grid;
	gap: 8px;
	min-height: 150px;
	padding: 18px;
	text-decoration: none;
}

.acm-portal-module-card .dashicons {
	background: var(--acm-lilac);
	border-radius: 8px;
	color: var(--acm-blue);
	font-size: 22px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 42px;
}

.acm-frontend-module-panel {
	align-items: flex-start;
	display: flex;
	gap: 16px;
	padding: 20px;
}

.acm-frontend-module-panel > .dashicons {
	background: var(--acm-mint);
	border-radius: 8px;
	color: var(--acm-teal);
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	width: 48px;
}

.acm-frontend-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.acm-frontend-tabs {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
}

.acm-frontend-tabs a {
	align-items: center;
	background: #ffffff;
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	color: var(--acm-ink);
	display: inline-flex;
	font-weight: 700;
	gap: 8px;
	min-height: 38px;
	padding: 8px 12px;
	text-decoration: none;
}

.acm-frontend-tabs a.is-active {
	background: var(--acm-teal);
	border-color: var(--acm-teal);
	color: #ffffff;
}

.acm-frontend-tabs span {
	background: rgba(47, 73, 92, 0.1);
	border-radius: 999px;
	font-size: 12px;
	min-width: 22px;
	padding: 2px 7px;
	text-align: center;
}

.acm-frontend-tabs a.is-active span {
	background: rgba(255, 255, 255, 0.22);
}

.acm-portal-button,
.acm-frontend-filters button {
	align-items: center;
	background: var(--acm-teal);
	border: 0;
	border-radius: 8px;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	min-height: 40px;
	padding: 9px 14px;
	text-decoration: none;
}

.acm-portal-button.is-secondary {
	background: #eef2fb;
	color: var(--acm-blue);
}

.acm-frontend-filters {
	align-items: end;
	background: var(--acm-panel);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 16px;
	padding: 14px;
}

.acm-frontend-filters label {
	color: var(--acm-muted);
	display: grid;
	font-size: 12px;
	gap: 5px;
}

.acm-frontend-filters input,
.acm-frontend-filters select {
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	min-height: 40px;
	padding: 8px 10px;
	width: 100%;
}

.acm-report-period {
	align-items: center;
	background: linear-gradient(135deg, #eef4ff 0%, #eef9f7 100%);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 14px;
	padding: 14px 16px;
}

.acm-report-period > div {
	display: grid;
	gap: 3px;
}

.acm-report-period span,
.acm-report-period small {
	color: var(--acm-muted);
	font-size: 12px;
}

.acm-report-period nav {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.acm-report-period nav a {
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid var(--acm-line);
	border-radius: 999px;
	color: var(--acm-blue);
	font-size: 12px;
	font-weight: 700;
	padding: 7px 11px;
	text-decoration: none;
}

.acm-report-period nav a:hover,
.acm-report-period nav a:focus-visible,
.acm-report-period nav a.is-active {
	background: var(--acm-blue);
	border-color: var(--acm-blue);
	color: #fff;
}

.acm-frontend-table-wrap {
	overflow-x: auto;
}

.acm-frontend-table {
	background: var(--acm-panel);
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
}

.acm-frontend-table th,
.acm-frontend-table td {
	border-bottom: 1px solid var(--acm-line);
	padding: 12px;
	text-align: left;
	vertical-align: top;
}

.acm-frontend-table td small {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
	line-height: 1.35;
	margin-top: 4px;
}

.acm-frontend-table th {
	background: #f0f5f7;
	color: var(--acm-muted);
	font-size: 12px;
	text-transform: uppercase;
}

.acm-status-badge {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	gap: 5px;
	padding: 4px 9px;
}

.acm-status-badge .dashicons,
.acm-mode-badge .dashicons {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	width: 14px;
}

.acm-status-badge--green {
	background: #ddf3e7;
	color: #1f7a4f;
}

.acm-status-badge--blue {
	background: #e2eefb;
	color: #2f5f98;
}

.acm-status-badge--red {
	background: #fde6e3;
	color: #a94336;
}

.acm-status-badge--yellow {
	background: #fff3cf;
	color: #8a6619;
}

.acm-status-badge--orange {
	background: #ffeadb;
	color: #9b4f18;
}

.acm-status-badge--purple {
	background: #eee6ff;
	color: #6642a1;
}

.acm-status-badge--grey {
	background: #eef1f4;
	color: #5d6872;
}

.acm-mode-badge {
	align-items: center;
	background: #eef7f6;
	border-radius: 999px;
	color: #276b65;
	display: inline-flex;
	font-size: 12px;
	gap: 5px;
	padding: 4px 9px;
}

.acm-mode-badge.is-mode-online {
	background: #E0F2FE;
	color: #0369A1;
}

.acm-mode-badge.is-mode-in_person {
	background: #F0FDF4;
	color: #166534;
}

.acm-mode-letter {
	align-items: center;
	background: #ffffff;
	border: 1px solid currentColor;
	border-radius: 999px;
	display: inline-flex;
	flex: 0 0 18px;
	font-size: 11px;
	font-weight: 800;
	height: 18px;
	justify-content: center;
	line-height: 1;
	width: 18px;
}

.acm-mode-letter.is-mode-online {
	color: #2563EB;
}

.acm-mode-letter.is-mode-in_person {
	color: #059669;
}

.acm-table-action {
	color: var(--acm-teal);
	font-weight: 700;
	text-decoration: none;
}

.acm-patient-link {
	color: var(--acm-blue);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgba(47, 95, 152, 0.35);
	text-underline-offset: 3px;
}

.acm-patient-link:hover,
.acm-patient-link:focus-visible {
	color: var(--acm-teal);
	text-decoration-color: currentColor;
}

.acm-money {
	white-space: nowrap;
}

.acm-row-actions,
.acm-module-actionbar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.acm-row-actions .acm-table-action {
	background: #eef7f6;
	border-radius: 999px;
	padding: 5px 9px;
}

.acm-row-actions .acm-table-action.is-danger {
	background: #FEE2E2;
	color: #B91C1C;
}

.acm-module-actionbar {
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	margin-bottom: 14px;
	padding: 12px;
}

.acm-sync-panel {
	margin-bottom: 14px;
}

.acm-sync-panel h3,
.acm-sync-panel p {
	margin: 0 0 8px;
}

.acm-inline-form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.acm-frontend-filters--appointments {
	grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr 1fr auto auto;
}

.acm-pagination,
.acm-detail-toolbar,
.acm-linked-actions,
.acm-calendar-nav,
.acm-calendar-controls,
.acm-calendar-legend {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.acm-pagination {
	justify-content: flex-end;
	margin-top: 14px;
}

.acm-portal-button.is-danger {
	background: var(--acm-coral);
}

.acm-portal-notice {
	border-radius: 8px;
	margin-bottom: 14px;
	padding: 12px 14px;
}

.acm-portal-notice.is-success {
	background: #dff4e8;
	color: #1f724d;
}

.acm-portal-notice.is-error {
	background: #fde5e2;
	color: #9d372d;
}

.acm-detail-panel,
.acm-calendar-shell {
	background: var(--acm-panel);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(31, 49, 64, 0.05);
	margin-top: 14px;
	padding: 18px;
}

.acm-detail-panel h3,
.acm-calendar-shell h3 {
	font-size: 20px;
	line-height: 1.25;
	margin: 0 0 12px;
}

.acm-section-heading-row {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.acm-section-heading-row h3 {
	margin-bottom: 0;
}

.acm-portal-form-panel {
	max-width: 1080px;
}

.acm-portal-form {
	display: grid;
	gap: 16px;
}

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

.acm-portal-form label span,
.acm-frontend-filters label span {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 6px;
}

.acm-portal-form input,
.acm-portal-form select,
.acm-portal-form textarea {
	background: #fff;
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	color: var(--acm-ink);
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

.acm-portal-form textarea {
	min-height: 96px;
	resize: vertical;
}

.acm-portal-form-wide {
	grid-column: 1 / -1;
}

.acm-field-help {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 6px;
}

.acm-patient-search-results {
	background: #fff;
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	box-shadow: 0 18px 38px rgba(31, 49, 64, 0.14);
	margin-top: 8px;
	max-height: 260px;
	overflow: auto;
	padding: 6px;
	position: absolute;
	width: min(100%, 620px);
	z-index: 8;
}

.acm-portal-form label {
	position: relative;
}

.acm-patient-search-option {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--acm-ink);
	cursor: pointer;
	display: block;
	font-size: 14px;
	line-height: 1.35;
	padding: 10px 12px;
	text-align: left;
	width: 100%;
}

.acm-patient-search-option:hover,
.acm-patient-search-option:focus {
	background: #eef7f6;
	outline: 0;
}

.acm-patient-search-message {
	color: var(--acm-muted);
	font-size: 13px;
	padding: 10px 12px;
}

.acm-form-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

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

.acm-invoice-detail-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.acm-detail-item {
	background: #f6f8fb;
	border-radius: 8px;
	padding: 12px;
}

.acm-detail-item span,
.acm-inline-action label span {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

.acm-detail-item strong {
	display: block;
	font-size: 14px;
}

.acm-contact-item strong {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.acm-contact-meta {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin-top: 7px;
}

.acm-whatsapp-link {
	align-items: center;
	color: #166534;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 7px;
	text-decoration: none;
}

.acm-whatsapp-link:hover .acm-whatsapp-link__number,
.acm-whatsapp-link:focus .acm-whatsapp-link__number {
	text-decoration: underline;
}

.acm-whatsapp-link__icon {
	align-items: center;
	background: transparent;
	border: 0;
	color: #25d366;
	display: inline-flex;
	flex: 0 0 24px;
	height: 24px;
	justify-content: center;
	position: relative;
	width: 24px;
}

.acm-whatsapp-link:hover .acm-whatsapp-link__icon,
.acm-whatsapp-link:focus .acm-whatsapp-link__icon {
	color: #128c7e;
}

.acm-whatsapp-link__icon svg {
	display: block;
	height: 22px;
	width: 22px;
}

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

.acm-inline-action {
	background: #f6f8fb;
	border-radius: 8px;
	display: grid;
	gap: 10px;
	padding: 12px;
}

.acm-inline-action input,
.acm-inline-action textarea,
.acm-calendar-controls input,
.acm-calendar-controls select {
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	min-height: 40px;
	padding: 8px 10px;
	width: 100%;
}

.acm-linked-actions {
	margin-top: 14px;
}

.acm-appointment-invoice-panel .acm-invoice-entry-form {
	border-top: 1px solid var(--acm-line);
	margin-top: 14px;
	padding-top: 14px;
}

.acm-calendar-toolbar {
	align-items: center;
	background: var(--acm-panel);
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(190px, 1fr) auto minmax(320px, 1.4fr);
	margin-bottom: 14px;
	padding: 14px;
}

.acm-calendar-current span {
	color: var(--acm-muted);
	display: block;
	font-size: 12px;
}

.acm-calendar-current strong {
	display: block;
	font-size: 18px;
	line-height: 1.2;
}

.acm-calendar-controls {
	display: grid;
	grid-template-columns: 0.9fr 1fr minmax(150px, 1.4fr) auto;
}

.acm-calendar-nav {
	flex-wrap: nowrap;
}

.acm-calendar-legend {
	margin: 0 0 14px;
}

.acm-calendar-legend span {
	align-items: center;
	background: var(--event-bg, #ffffff);
	border: 1px solid var(--acm-line);
	border-radius: 999px;
	color: var(--event-ink, var(--acm-ink));
	display: inline-flex;
	font-size: 12px;
	gap: 7px;
	padding: 5px 9px;
}

.acm-calendar-legend i {
	background: var(--event-color, var(--acm-blue));
	border-radius: 999px;
	display: inline-block;
	height: 10px;
	width: 10px;
}

.acm-calendar-legend .dashicons {
	font-size: 13px;
	height: 13px;
	line-height: 13px;
	width: 13px;
}

.acm-calendar-grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	overflow: hidden;
}

.acm-calendar-weekday,
.acm-calendar-cell {
	background: #f6f8fb;
	min-width: 0;
	padding: 10px;
}

.acm-calendar-weekday {
	color: var(--acm-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.acm-calendar-cell {
	min-height: 118px;
}

.acm-calendar-cell.is-muted {
	opacity: 0.5;
}

.acm-calendar-date {
	color: var(--acm-muted);
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 8px;
}

.acm-calendar-event,
.acm-agenda-item {
	background: #ffffff;
	border-left: 4px solid var(--event-color, var(--acm-blue));
	border-radius: 8px;
	color: var(--acm-ink);
	display: grid;
	gap: 2px;
	margin-bottom: 6px;
	min-width: 0;
	padding: 7px;
	text-decoration: none;
}

.acm-calendar-event {
	background: var(--event-bg, #ffffff);
	color: var(--event-ink, var(--acm-ink));
}

.acm-calendar-event span,
.acm-calendar-event em,
.acm-agenda-item small {
	color: var(--acm-muted);
	font-size: 11px;
	font-style: normal;
}

.acm-calendar-event span,
.acm-calendar-event em {
	align-items: center;
	display: inline-flex;
	gap: 4px;
}

.acm-calendar-event .dashicons {
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	width: 12px;
}

.acm-calendar-event strong {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acm-public-booking-star {
	color: #FACC15;
	display: inline-flex;
	font-size: 15px;
	line-height: 1;
	margin-right: 5px;
	text-shadow: 0 1px 1px rgba(15, 23, 42, .45);
	vertical-align: -1px;
}

.acm-calendar-more {
	background: #eef2fb;
	border-radius: 999px;
	color: var(--acm-blue);
	display: inline-flex;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
}

.acm-agenda-day {
	border-top: 1px solid var(--acm-line);
	padding: 12px 0;
}

.acm-agenda-day h4 {
	margin: 0 0 10px;
}

.acm-agenda-item {
	border-left-width: 5px;
	display: block;
	margin-bottom: 10px;
	padding: 0;
}

.acm-agenda-primary {
	align-items: center;
	color: var(--acm-ink);
	display: grid;
	gap: 12px;
	grid-template-columns: 38px 92px minmax(0, 1fr) auto auto;
	padding: 12px;
	text-decoration: none;
}

.acm-agenda-primary:hover,
.acm-agenda-primary:focus {
	background: var(--event-bg, #f8fafc);
	outline: none;
}

.acm-agenda-icon {
	align-items: center;
	background: var(--event-bg, #eef1f4);
	border-radius: 8px;
	color: var(--event-ink, var(--acm-blue));
	display: inline-flex;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.acm-agenda-icon .dashicons {
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	width: 18px;
}

.acm-agenda-time {
	align-items: center;
	color: var(--acm-muted);
	display: inline-flex;
	gap: 5px;
	font-weight: 700;
}

.acm-agenda-time .dashicons {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	width: 14px;
}

.acm-agenda-person strong,
.acm-agenda-person small {
	display: block;
}

.acm-agenda-person strong {
	font-size: 15px;
	line-height: 1.2;
}

.acm-calendar-row-actions {
	background: #f8fafc;
	border-top: 1px solid var(--acm-line);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 9px 12px 10px 54px;
}

.acm-calendar-row-actions a {
	background: #ffffff;
	border: 1px solid var(--acm-line);
	border-radius: 999px;
	color: var(--acm-blue);
	font-size: 12px;
	font-weight: 700;
	padding: 5px 9px;
	text-decoration: none;
}

.acm-calendar-row-actions a.is-danger {
	color: #B91C1C;
}

.acm-calendar-timeline-shell {
	overflow-x: auto;
}

.acm-timeline-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.acm-timeline-header span,
.acm-timeline-header small {
	color: var(--acm-muted);
	font-size: 12px;
}

.acm-timeline-header h3 {
	margin: 0;
}

.acm-timeline-board {
	display: grid;
	grid-template-columns: 56px minmax(760px, 1fr);
	min-height: var(--timeline-height, 720px);
	position: relative;
}

.acm-timeline-times,
.acm-timeline-grid {
	height: var(--timeline-height, 720px);
	position: relative;
}

.acm-timeline-times span {
	color: var(--acm-muted);
	font-size: 13px;
	font-weight: 700;
	left: 0;
	position: absolute;
	transform: translateY(-50%);
}

.acm-timeline-grid {
	background:
		linear-gradient(90deg, rgba(223, 231, 238, 0.54) 1px, transparent 1px) 0 0 / 25% 100%,
		#f8fafc;
	border: 1px solid var(--acm-line);
	border-radius: 8px;
	overflow: hidden;
}

.acm-timeline-line {
	border-top: 1px solid var(--acm-line);
	left: 0;
	position: absolute;
	right: 0;
}

.acm-timeline-event {
	align-items: flex-start;
	background: var(--event-color, var(--acm-blue));
	border: 1px solid rgba(255, 255, 255, 0.66);
	border-radius: 6px;
	box-shadow: 0 8px 18px rgba(31, 49, 64, 0.16);
	color: #ffffff;
	display: flex;
	gap: 8px;
	min-width: 120px;
	overflow: hidden;
	padding: 8px 10px;
	position: absolute;
	text-decoration: none;
}

.acm-timeline-event:hover,
.acm-timeline-event:focus {
	filter: brightness(0.98);
	outline: 2px solid rgba(32, 48, 60, 0.18);
	outline-offset: 2px;
}

.acm-timeline-event-icon {
	align-items: center;
	background: #ffffff;
	border: 1px solid currentColor;
	border-radius: 999px;
	display: inline-flex;
	flex: 0 0 20px;
	font-size: 11px;
	font-weight: 800;
	height: 20px;
	justify-content: center;
	line-height: 1;
	margin-top: 1px;
	width: 20px;
}

.acm-timeline-event-icon .dashicons {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	width: 14px;
}

.acm-calendar-event .acm-cal-leave-icon,
.acm-timeline-event .acm-cal-leave-icon,
.acm-agenda-item .acm-cal-leave-icon {
	color: #1f2937 !important;
	text-shadow: none;
}

.acm-timeline-event-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.acm-timeline-event-copy strong {
	font-size: 13px;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acm-timeline-event-copy small {
	align-items: center;
	color: rgba(255, 255, 255, 0.86);
	display: inline-flex;
	font-size: 11px;
	gap: 4px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acm-timeline-event-copy .dashicons {
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	width: 12px;
}

.acm-empty-state,
.acm-portal-login,
.acm-portal-denied {
	background: var(--acm-panel);
	border: 1px dashed var(--acm-line);
	border-radius: 8px;
	padding: 18px;
}

.acm-empty-state strong,
.acm-empty-state span {
	display: block;
}

.acm-empty-state span {
	color: var(--acm-muted);
	margin-top: 4px;
}

.acm-workflow-panel {
	background: #fffaf0;
	border: 1px solid #f1dba9;
	border-radius: 8px;
	margin-bottom: 14px;
	padding: 16px;
}

.acm-workflow-panel h3 {
	font-size: 18px;
	margin: 0 0 6px;
}

.acm-workflow-panel p {
	color: #755b20;
	margin: 0;
}

.acm-workflow-steps {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 12px;
}

.acm-workflow-steps span {
	background: #ffffff;
	border: 1px solid #f1dba9;
	border-radius: 999px;
	color: #755b20;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 10px;
	text-align: center;
}

@media (max-width: 1040px) {
	.acm-portal-stat-grid,
	.acm-portal-card-grid,
	.acm-staff-action-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acm-calendar-toolbar {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 780px) {
	.acm-portal-app {
		display: block;
		min-height: 100vh;
	}

	.acm-portal-sidebar {
		bottom: 0;
		box-shadow: 0 16px 40px rgba(31, 49, 64, 0.18);
		height: 100vh;
		left: 0;
		max-width: 320px;
		position: fixed;
		top: 0;
		transform: translateX(-105%);
		transition: transform 180ms ease;
		width: 88vw;
		z-index: 20;
	}

	.acm-portal-app.is-menu-open .acm-portal-sidebar {
		transform: translateX(0);
	}

	.acm-portal-menu-button {
		display: inline-flex;
		justify-content: center;
	}

	.acm-portal-topbar {
		align-items: stretch;
		flex-wrap: wrap;
		padding: 12px;
	}

	.acm-portal-search {
		max-width: none;
		order: 3;
		width: 100%;
	}

	.acm-portal-content {
		padding: 16px;
	}

	.acm-portal-hero,
	.acm-frontend-module-panel,
	.acm-report-period,
	.acm-portal-user {
		align-items: stretch;
		flex-direction: column;
		text-align: left;
	}

	.acm-portal-stat-grid,
	.acm-portal-card-grid,
	.acm-staff-action-strip,
	.acm-frontend-filters,
	.acm-frontend-filters--appointments,
	.acm-detail-grid,
	.acm-portal-form-grid,
	.acm-action-grid,
	.acm-workflow-steps {
		grid-template-columns: 1fr;
	}

	.acm-calendar-toolbar {
		align-items: stretch;
	}

	.acm-calendar-controls {
		align-items: stretch;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.acm-calendar-nav {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.acm-calendar-shell {
		padding: 12px;
	}

	.acm-calendar-grid {
		display: block;
	}

	.acm-calendar-weekday {
		display: none;
	}

	.acm-calendar-cell {
		border: 1px solid var(--acm-line);
		border-radius: 8px;
		margin-bottom: 10px;
		min-height: auto;
	}

	.acm-calendar-cell.is-muted {
		display: none;
	}

	.acm-calendar-event strong {
		white-space: normal;
	}

	.acm-agenda-item {
		align-items: stretch;
	}

	.acm-agenda-primary {
		align-items: stretch;
		grid-template-columns: 34px 1fr;
	}

	.acm-agenda-time,
	.acm-agenda-person,
	.acm-mode-badge,
	.acm-status-badge {
		grid-column: 2;
	}

	.acm-calendar-row-actions {
		padding-left: 12px;
	}

	.acm-timeline-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.acm-timeline-board {
		grid-template-columns: 48px minmax(620px, 1fr);
	}

	.acm-timeline-event {
		min-width: 112px;
		padding: 7px 8px;
	}

	.acm-timeline-event-copy strong {
		font-size: 12px;
	}

	.acm-frontend-table,
	.acm-frontend-table thead,
	.acm-frontend-table tbody,
	.acm-frontend-table tr,
	.acm-frontend-table th,
	.acm-frontend-table td {
		display: block;
	}

	.acm-frontend-table thead {
		display: none;
	}

	.acm-frontend-table tr {
		border: 1px solid var(--acm-line);
		border-radius: 8px;
		margin-bottom: 12px;
		overflow: hidden;
	}

	.acm-frontend-table td {
		border-bottom: 1px solid var(--acm-line);
		min-height: 46px;
		padding-left: 42%;
		position: relative;
	}

	.acm-frontend-table td::before {
		color: var(--acm-muted);
		content: attr(data-label);
		font-size: 12px;
		font-weight: 700;
		left: 12px;
		position: absolute;
		top: 12px;
		width: 34%;
	}
}