/* ManageMyOrg — Policies directory & single policy styling */

.managemyorg-policies-directory {
	max-width: 960px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

.managemyorg-policies-directory h1 {
	margin-bottom: 0.25rem;
}

.managemyorg-policies-directory .managemyorg-intro {
	color: #555;
	margin-bottom: 2.5rem;
}

/* Home page — module landing grid */

.managemyorg-home {
	max-width: 960px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

.managemyorg-home h1 {
	margin-bottom: 0.25rem;
}

.managemyorg-home .managemyorg-intro {
	color: #555;
	margin-bottom: 2.5rem;
}

.managemyorg-module-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1.25rem;
}

.managemyorg-module-card {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.managemyorg-module-card:hover {
	border-color: #1e1e1e;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.managemyorg-module-card-link {
	display: block;
	padding: 1.5rem;
	text-decoration: none;
	color: inherit;
}

.managemyorg-module-card .dashicons {
	font-size: 2rem;
	width: 2rem;
	height: 2rem;
	color: #1e1e1e;
}

.managemyorg-module-card h2 {
	margin: 0.75rem 0 0.5rem;
	font-size: 1.15rem;
}

.managemyorg-module-card p {
	margin: 0;
	font-size: 0.9rem;
	color: #555;
}

.managemyorg-policy-category {
	margin-bottom: 2.5rem;
}

.managemyorg-policy-category .managemyorg-policy-category {
	margin-left: 1.5rem;
	margin-top: 1.5rem;
}

.managemyorg-policy-category-heading {
	font-size: 1.25rem;
	border-bottom: 2px solid #1e1e1e;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

/* Explicit per-depth overrides, keyed off the depth class WordPress core's
   heading-element font sizes (h2 > h3 > h4...) would otherwise fight with. */
.managemyorg-policy-category-depth-1 > .managemyorg-policy-category-heading {
	font-size: 1.1rem;
	border-bottom-width: 1px;
}

.managemyorg-policy-category-depth-2 > .managemyorg-policy-category-heading,
.managemyorg-policy-category-depth-3 > .managemyorg-policy-category-heading,
.managemyorg-policy-category-depth-4 > .managemyorg-policy-category-heading,
.managemyorg-policy-category-depth-5 > .managemyorg-policy-category-heading {
	font-size: 1rem;
	border-bottom-width: 1px;
}

.managemyorg-policy-category-heading a {
	text-decoration: none;
	color: inherit;
}

.managemyorg-policy-category-heading a:hover {
	text-decoration: underline;
}

.managemyorg-policy-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1rem;
}

.managemyorg-policy-card {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 1rem 1.25rem;
	background: #fff;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* Stretches the title link over the whole card, making it fully clickable
   while keeping a single real anchor for accessibility/semantics. */
.managemyorg-policy-card-link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.managemyorg-policy-card:hover {
	border-color: #1e1e1e;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.managemyorg-policy-card h3 {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
}

.managemyorg-policy-card h3 a {
	text-decoration: none;
	color: inherit;
}

.managemyorg-policy-card h3 a:hover {
	text-decoration: underline;
}

.managemyorg-policy-card p {
	margin: 0;
	font-size: 0.9rem;
	color: #555;
}

.managemyorg-policies-empty {
	color: #777;
	font-style: italic;
}

.managemyorg-policy-search {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}

.managemyorg-policy-search input[type="search"] {
	flex: 1;
	max-width: 320px;
	padding: 0.5rem 0.75rem;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.managemyorg-policy-search button {
	padding: 0.5rem 1rem;
	border: 1px solid #1e1e1e;
	background: #1e1e1e;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}

.managemyorg-policy-search-clear {
	font-size: 0.85rem;
	color: #777;
}

.managemyorg-download-pack {
	margin: -1rem 0 2rem;
}

/* Unified action toolbar/tabs/dropdown system — a shared visual language
   for the small clusters of secondary actions ("Download Pack", "Export
   CSV", links to alternate views of the same data, etc.) that used to be
   one-off <p> wrappers with inconsistent styling per module. Individual
   items reuse the existing .button/.managemyorg-save-button classes (or
   .button-primary for emphasis); only these three wrapper classes are new. */

.managemyorg-action-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 1.5rem;
}

.managemyorg-action-toolbar .button,
.managemyorg-action-toolbar .managemyorg-save-button {
	margin: 0;
}

/* Inside a toolbar, only .button-primary/.managemyorg-save-button (the
   module's main action) get the filled treatment; every other .button is
   an outline so the primary action stays visually dominant. */
.managemyorg-action-toolbar .button:not(.button-primary):not(.managemyorg-save-button) {
	background: transparent;
	color: #1e1e1e;
	border-color: #1e1e1e;
}

.managemyorg-action-toolbar .button:not(.button-primary):not(.managemyorg-save-button):hover {
	background: #f2f2f2;
}

/* Tab bar — for pages that are genuinely alternate views of the same
   subject (e.g. Policies list / Compliance Overview / Audit Log). */
.managemyorg-action-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 1.5rem;
	border-bottom: 1px solid #ddd;
}

.managemyorg-action-tabs a {
	display: inline-block;
	padding: 0.5rem 0.9rem;
	font-size: 0.9rem;
	text-decoration: none;
	color: #555;
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	margin-bottom: -1px;
}

.managemyorg-action-tabs a:hover {
	color: #1e1e1e;
}

.managemyorg-action-tabs a.is-active {
	color: #1e1e1e;
	font-weight: 600;
	background: #fff;
	border-color: #ddd;
}

/* "Actions ▾" dropdown — for the rare case with too many secondary
   actions for a toolbar row. Pure <details>/<summary>, no JS. */
.managemyorg-action-dropdown {
	position: relative;
	display: inline-block;
	margin: 0 0 1.5rem;
}

.managemyorg-action-dropdown summary {
	list-style: none;
	cursor: pointer;
	display: inline-block;
	background: transparent;
	color: #1e1e1e;
	border: 1px solid #1e1e1e;
	border-radius: 4px;
	padding: 0.55rem 1.1rem;
	font-size: 0.9rem;
}

.managemyorg-action-dropdown summary::-webkit-details-marker {
	display: none;
}

.managemyorg-action-dropdown summary:hover {
	background: #f2f2f2;
}

.managemyorg-action-dropdown[open] summary {
	background: #f2f2f2;
}

.managemyorg-action-dropdown .managemyorg-action-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	min-width: 180px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	padding: 0.4rem 0;
	margin-top: 0.3rem;
}

.managemyorg-action-dropdown .managemyorg-action-dropdown-menu a {
	padding: 0.5rem 1rem;
	color: #1e1e1e;
	text-decoration: none;
	font-size: 0.9rem;
}

.managemyorg-action-dropdown .managemyorg-action-dropdown-menu a:hover {
	background: #f6f6f6;
}

.managemyorg-archived-tag {
	display: inline-block;
	background: #fdeaea;
	color: #7a1f1f;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	margin-bottom: 0.5rem;
}

/* Single policy template */

.managemyorg-single-policy {
	max-width: 800px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

.managemyorg-archived-banner {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background: #fdeaea;
	border: 1px solid #cc4444;
	border-left-width: 6px;
	color: #7a1f1f;
	font-weight: 600;
	padding: 0.9rem 1.1rem;
	border-radius: 4px;
	margin-bottom: 1.5rem;
}

.managemyorg-archived-banner span {
	font-size: 1.3rem;
	line-height: 1;
}

.managemyorg-expired-banner {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background: #fdeaea;
	border: 1px solid #cc4444;
	border-left-width: 6px;
	color: #7a1f1f;
	font-weight: 600;
	padding: 0.9rem 1.1rem;
	border-radius: 4px;
	margin-bottom: 1.5rem;
}

.managemyorg-expired-banner span {
	font-size: 1.3rem;
	line-height: 1;
}

.managemyorg-not-yet-effective-banner {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background: #fdf3e0;
	border: 1px solid #dba617;
	border-left-width: 6px;
	color: #6b4a00;
	font-weight: 600;
	padding: 0.9rem 1.1rem;
	border-radius: 4px;
	margin-bottom: 1.5rem;
}

.managemyorg-not-yet-effective-banner span {
	font-size: 1.3rem;
	line-height: 1;
}

.managemyorg-acknowledgement {
	background: #eef6fb;
	border: 1px solid #a9cfe3;
	border-radius: 6px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
}

.managemyorg-acknowledgement p {
	margin: 0 0 0.75rem;
}

.managemyorg-acknowledge-button {
	display: inline-block;
	background: #1e1e1e;
	color: #fff;
	text-decoration: none;
	padding: 0.5rem 1rem;
	border-radius: 4px;
	font-size: 0.9rem;
}

.managemyorg-acknowledge-button:hover {
	background: #333;
	color: #fff;
}

.managemyorg-policy-meta-card {
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 1.25rem 1.5rem;
	margin-bottom: 2rem;
}

.managemyorg-policy-meta-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1rem 1.5rem;
	margin: 0;
}

.managemyorg-policy-meta-grid dt {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #666;
	margin: 0 0 0.15rem;
}

.managemyorg-policy-meta-grid dd {
	margin: 0;
	font-weight: 600;
}

.managemyorg-policy-badge {
	display: inline-block;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
}

.managemyorg-policy-badge.is-public {
	background: #e6f4ea;
	color: #1e7e34;
}

.managemyorg-policy-badge.is-internal {
	background: #fdf0e0;
	color: #995c00;
}

.managemyorg-related-documents {
	margin: 1.5rem 0 2rem;
}

.managemyorg-related-documents h2 {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #666;
	margin-bottom: 0.5rem;
}

.managemyorg-related-documents ul {
	margin: 0;
	padding-left: 1.25rem;
}

.managemyorg-policy-content {
	line-height: 1.7;
}

.managemyorg-document-control {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 2px solid #1e1e1e;
}

.managemyorg-document-control h2 {
	font-size: 1.1rem;
	margin-bottom: 1rem;
}

.managemyorg-document-control table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.managemyorg-document-control th,
.managemyorg-document-control td {
	text-align: left;
	padding: 0.5rem 0.75rem;
	border: 1px solid #ddd;
	vertical-align: top;
}

.managemyorg-document-control th {
	background: #f6f6f6;
}

.managemyorg-permanent-link {
	margin-top: 2rem;
	font-size: 0.85rem;
	color: #777;
}

/* ---------------------------------------------------------------------
 * Front-end management pages: /policy-manage/{id}/,
 * /policy-compliance-overview/, /policy-audit-log/ — reuse the same admin
 * meta-box render methods (widefat/striped tables, notice/description/
 * button classes, inline styles), so this styles those generic classes
 * scoped to these pages rather than re-templating every field.
 * ------------------------------------------------------------------- */

.managemyorg-frontend-manage,
.managemyorg-compliance-overview,
.managemyorg-audit-log,
.managemyorg-frontend-denied {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

.managemyorg-frontend-manage h1,
.managemyorg-compliance-overview h1,
.managemyorg-audit-log h1,
.managemyorg-frontend-denied h1 {
	margin-bottom: 1rem;
}

.managemyorg-frontend-nav {
	font-size: 0.9rem;
	margin-bottom: 1.5rem;
}

.managemyorg-frontend-nav a {
	color: #1e1e1e;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

.managemyorg-frontend-nav a:hover {
	opacity: 0.7;
}

.managemyorg-manage-link {
	font-size: 0.9rem;
	margin: -0.5rem 0 1.5rem;
}

.managemyorg-manage-link a {
	color: #1e1e1e;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

/* Section cards wrapping each reused meta box (Policy Details, Policy
   Reviews, Document Control) as their own <form>. */
.managemyorg-manage-section {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 1.5rem 1.75rem;
	margin-bottom: 2rem;
}

.managemyorg-manage-section h2 {
	font-size: 1.1rem;
	margin: 0 0 1.25rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid #1e1e1e;
}

.managemyorg-manage-section p {
	margin: 0 0 1rem;
}

.managemyorg-manage-section label {
	display: inline-block;
	margin-bottom: 0.35rem;
}

.managemyorg-manage-section input[type="text"],
.managemyorg-manage-section input[type="date"],
.managemyorg-manage-section input[type="number"],
.managemyorg-manage-section input[type="search"],
.managemyorg-manage-section input[type="email"],
.managemyorg-manage-section input[type="url"],
.managemyorg-manage-section input[type="password"],
.managemyorg-manage-section select,
.managemyorg-manage-section textarea,
.managemyorg-frontend-manage input[type="text"],
.managemyorg-frontend-manage input[type="date"],
.managemyorg-frontend-manage input[type="number"],
.managemyorg-frontend-manage input[type="search"],
.managemyorg-frontend-manage input[type="email"],
.managemyorg-frontend-manage input[type="url"],
.managemyorg-frontend-manage input[type="password"],
.managemyorg-frontend-manage select,
.managemyorg-frontend-manage textarea {
	width: 100%;
	max-width: 480px;
	padding: 0.5rem 0.65rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	font: inherit;
	box-sizing: border-box;
}

.managemyorg-manage-section textarea,
.managemyorg-frontend-manage textarea {
	max-width: 100%;
}

.managemyorg-manage-section .description {
	display: block;
	font-size: 0.8rem;
	color: #666;
	margin-top: 0.25rem;
	max-width: 480px;
}

.managemyorg-manage-section hr {
	border: none;
	border-top: 1px solid #e2e2e2;
	margin: 1.25rem 0;
}

/* Reused wp-admin table classes (widefat/striped) plus the plugin's own
   manage-my-org-* table modifiers, none of which carry any styling once
   wp-admin's own CSS isn't loaded.
   .managemyorg-frontend-manage is included alongside .managemyorg-manage-section
   because several modules (Board Meetings, Complaints, Contracts, General
   Meetings, Incidents, Privacy Breaches, Training, Work Plan, Resolutions in
   Lieu) render their list/dashboard tables directly under the page's <main>
   wrapper rather than inside a .managemyorg-manage-section card — without
   this, those tables were rendering with zero styling (audited 2026-07-30). */
.managemyorg-frontend-manage table,
.managemyorg-manage-section table,
.managemyorg-compliance-overview table,
.managemyorg-audit-log table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.88rem;
	margin-bottom: 1rem;
	background: #fff;
}

.managemyorg-frontend-manage th,
.managemyorg-frontend-manage td,
.managemyorg-manage-section th,
.managemyorg-manage-section td,
.managemyorg-compliance-overview th,
.managemyorg-compliance-overview td,
.managemyorg-audit-log th,
.managemyorg-audit-log td {
	text-align: left;
	padding: 0.6rem 0.75rem;
	border: 1px solid #e2e2e2;
	vertical-align: top;
}

.managemyorg-frontend-manage thead th,
.managemyorg-manage-section thead th,
.managemyorg-compliance-overview thead th,
.managemyorg-audit-log thead th {
	background: #f6f6f6;
	font-weight: 600;
}

.managemyorg-frontend-manage tbody tr:nth-child(odd),
.managemyorg-manage-section tbody tr:nth-child(odd),
.managemyorg-compliance-overview tbody tr:nth-child(odd),
.managemyorg-audit-log tbody tr:nth-child(odd) {
	background: #fafafa;
}

.managemyorg-manage-section input[type="text"],
.managemyorg-manage-section td input,
.managemyorg-manage-section td select,
.managemyorg-manage-section td textarea {
	max-width: none;
}

/* Buttons — .button/.button-link-delete are wp-admin core classes reused
   here for the same add/remove-row controls those meta boxes already had. */
.managemyorg-manage-section .button,
.managemyorg-save-button {
	display: inline-block;
	background: #1e1e1e;
	color: #fff;
	border: 1px solid #1e1e1e;
	border-radius: 4px;
	padding: 0.55rem 1.1rem;
	font-size: 0.9rem;
	cursor: pointer;
	text-decoration: none;
}

.managemyorg-manage-section .button:hover,
.managemyorg-save-button:hover {
	background: #333;
}

.managemyorg-manage-section .button-link-delete {
	background: none;
	border: none;
	color: #b32d2e;
	cursor: pointer;
	font-size: 0.85rem;
	padding: 0;
}

.managemyorg-manage-section .button-link-delete:hover {
	text-decoration: underline;
}

/* Notices — .notice/.notice-warning/.notice-success/.notice-error/.inline
   are wp-admin core classes reused verbatim by the shared render methods. */
.managemyorg-notice,
.managemyorg-manage-section .notice,
.managemyorg-compliance-overview .notice,
.managemyorg-audit-log .notice {
	padding: 0.85rem 1.1rem;
	border-radius: 4px;
	border: 1px solid #ddd;
	border-left-width: 6px;
	margin-bottom: 1.25rem;
}

.managemyorg-manage-section .notice p,
.managemyorg-notice p {
	margin: 0;
}

.notice-warning {
	background: #fdf3e0;
	border-color: #dba617;
}

.notice-success {
	background: #eaf7ea;
	border-color: #1e7e34;
}

.notice-error {
	background: #fdeaea;
	border-color: #cc4444;
}

/* Document Control's approval-document picker list. */
.managemyorg-manage-section .manage-my-org-document-list {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5rem;
	font-size: 0.85rem;
}

.managemyorg-manage-section details {
	font-size: 0.85rem;
}

.managemyorg-manage-section details pre {
	white-space: pre-wrap;
	word-break: break-word;
}

/* Status text/inline-choice utilities — consolidated from inline styles
   repeated verbatim across the *-frontend.php modules (Board Meetings,
   General Meetings, Training, Compliance Overview). Colors match the
   existing success/danger conventions already used above (.notice-success
   border #1e7e34, .notice-error border #cc4444, .button-link-delete
   color #b32d2e). */
.managemyorg-text-success {
	color: #1e7e34;
}

.managemyorg-text-danger {
	color: #b32d2e;
}

.managemyorg-inline-choice {
	margin-right: 1.5em;
}

/* Logged-in dashboard shell — wraps every Policy_Templates::render_page()
   call when is_user_logged_in() (see class-policy-templates.php). Colors
   reuse the theme's own palette custom properties (theme.json: accent =
   navy #0f2a3f, accent-2 = amber #c98a3e, base/base-2/contrast/accent-4/5)
   rather than hardcoding new ones, so the workspace stays visually
   consistent with the rest of the block theme. Logged-out visitors and the
   public Policies directory (served via template_include(), never through
   render_page()) never see any of this. */
.managemyorg-dashboard {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

.managemyorg-dashboard-sidebar {
	flex: 0 0 240px;
	position: sticky;
	top: 1.5rem;
	background: var(--wp--preset--color--base, #f7f5f0);
	border: 1px solid var(--wp--preset--color--accent-5, #dfe6e3);
	border-radius: 8px;
	padding: 0.75rem;
}

.managemyorg-dashboard-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.managemyorg-dashboard-sidebar-group {
	margin-bottom: 0.9rem;
}

.managemyorg-dashboard-sidebar-group:last-child {
	margin-bottom: 0;
}

.managemyorg-dashboard-sidebar-group-heading {
	margin: 0 0 0.3rem;
	padding: 0 0.75rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2, #5c6b6a);
}

.managemyorg-dashboard-sidebar-group.is-active-group .managemyorg-dashboard-sidebar-group-heading {
	color: var(--wp--preset--color--accent, #0f2a3f);
}

.managemyorg-dashboard-sidebar-item a {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.6rem 0.75rem;
	border-radius: 6px;
	color: var(--wp--preset--color--contrast, #132a3a);
	text-decoration: none;
	font-size: 0.92rem;
	line-height: 1.3;
}

.managemyorg-dashboard-sidebar-item a:hover {
	background: var(--wp--preset--color--accent-5, #dfe6e3);
}

.managemyorg-dashboard-sidebar-item.is-active a {
	background: var(--wp--preset--color--accent, #0f2a3f);
	color: var(--wp--preset--color--base-2, #fff);
	font-weight: 600;
}

.managemyorg-dashboard-sidebar-item.is-active a .dashicons {
	color: var(--wp--preset--color--accent-2, #c98a3e);
}

.managemyorg-dashboard-sidebar-item a .dashicons {
	flex-shrink: 0;
}

.managemyorg-dashboard-content {
	flex: 1 1 0;
	min-width: 0;
}

/* Below this, the sidebar stacks above the content instead of beside it —
   same mobile-first stacking approach the module grid/tables already lean
   on elsewhere in this file. */
@media (max-width: 782px) {
	.managemyorg-dashboard {
		flex-direction: column;
		padding: 1.25rem 1rem 3rem;
	}

	.managemyorg-dashboard-sidebar {
		flex: 1 1 auto;
		width: 100%;
		position: static;
	}

	.managemyorg-dashboard-sidebar ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0.4rem;
	}

	.managemyorg-dashboard-sidebar-item a {
		padding: 0.45rem 0.65rem;
		font-size: 0.85rem;
	}

	.managemyorg-dashboard-sidebar-group {
		margin-bottom: 0.6rem;
	}
}