/* Help Center (admin + tenant portal). Uses the shared design tokens only. */


.fgm-help-header { margin-bottom: var(--space-3, 12px); }

/* Tabs */
.fgm-help-tabs { display: flex; gap: var(--space-2, 8px); border-bottom: 1px solid var(--line); margin-bottom: var(--space-5, 20px); }
.fgm-help-tab { padding: var(--space-2, 8px) var(--space-4, 16px); text-decoration: none; color: var(--fg-2); border-bottom: 2px solid transparent; margin-bottom: -1px; font-weight: 500; }
.fgm-help-tab:hover { color: var(--brand); }
.fgm-help-tab.is-active { color: var(--brand); border-bottom-color: var(--brand); }

/* Search */
.fgm-help-search { margin-bottom: var(--space-6, 24px); max-width: 560px; }
.fgm-help-search .fgm-input { width: 100%; box-sizing: border-box; }
.fgm-help-muted { color: var(--fg-3); }

/* Groups + cards */
.fgm-help-group { margin-bottom: var(--space-7, 32px); }
.fgm-helpcenter .fgm-help-group-title { font-size: 1.15rem; margin: 0 0 var(--space-3, 12px); padding-bottom: var(--space-2, 8px); border-bottom: 1px solid var(--line); color: var(--fg); }
.fgm-help-module { margin-bottom: var(--space-4, 16px); }
.fgm-helpcenter .fgm-help-module-title { font-size: .95rem; margin: 0 0 var(--space-2, 8px); color: var(--fg-2); text-transform: uppercase; letter-spacing: .04em; }
.fgm-helpcenter .fgm-help-section-title { font-size: 1.05rem; margin: 0 0 var(--space-3, 12px); }
.fgm-help-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-3, 12px); }
.fgm-help-card { margin: 0; }
.fgm-help-card a { display: block; height: 100%; box-sizing: border-box; padding: var(--space-3, 12px) var(--space-4, 16px); background: var(--bg, #fff); border: 1px solid var(--line); border-radius: var(--radius-md, 8px); text-decoration: none; color: var(--fg); transition: border-color .15s, box-shadow .15s; }
.fgm-help-card a:hover, .fgm-help-card a:focus { border-color: var(--brand); box-shadow: var(--shadow-sm); }
.fgm-help-card-title { display: block; font-size: 15px; font-weight: 600; color: var(--brand); margin-bottom: 2px; }
.fgm-help-card-summary { display: block; font-size: 13px; line-height: 1.45; color: var(--fg-2); }
.fgm-help-screen { padding: var(--space-4, 16px) var(--space-5, 20px); margin-bottom: var(--space-6, 24px); border-left: 4px solid var(--brand); }
.fgm-help-errors ul { margin: var(--space-2, 8px) 0 0 var(--space-5, 20px); list-style: disc; }
.fgm-help-errors { margin-bottom: var(--space-5, 20px); }

/* Article */
.fgm-help-back { margin: 0 0 var(--space-3, 12px); }
.fgm-help-article { padding: var(--space-5, 20px) var(--space-6, 24px); margin-bottom: var(--space-6, 24px); max-width: 780px; line-height: 1.6; }
.fgm-help-article p, .fgm-help-article li, .fgm-help-guide-body p, .fgm-help-guide-body li { font-size: 14px; }
.fgm-help-lead { font-size: 1.05rem; color: var(--fg-2); margin-top: 0; margin-bottom: var(--space-3, 12px); }
.fgm-helpcenter .fgm-help-h { margin: var(--space-6, 24px) 0 var(--space-2, 8px); font-size: 1.1rem; color: var(--fg); }
.fgm-help-steps, .fgm-help-list { margin: 0 0 var(--space-4, 16px) var(--space-5, 20px); padding-left: var(--space-3, 12px); }
.fgm-help-steps li, .fgm-help-list li { margin-bottom: var(--space-2, 8px); }
.fgm-help-steps { list-style: decimal; }
.fgm-help-list { list-style: disc; }
.fgm-help-callout { margin: var(--space-4, 16px) 0; padding: var(--space-3, 12px) var(--space-4, 16px); border-radius: var(--radius-md, 8px); border-left: 4px solid var(--brand); background: var(--brand-soft, #eef4f7); }
.fgm-help-callout p { margin: 2px 0 0; }
.fgm-help-callout--warning { border-left-color: var(--warn-dot, #b7791f); background: var(--warn-bg, #fff7e6); color: var(--warn-ink, inherit); }
.fgm-help-callout-label { display: block; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; }

/* Getting started guide */
.fgm-help-guide-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4, 16px); flex-wrap: wrap; margin-bottom: var(--space-5, 20px); }
.fgm-help-guide-head .fgm-help-lead { flex: 1 1 420px; margin: 0; max-width: 720px; }
.fgm-help-guide-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-6, 24px); }
.fgm-help-guide-step { background: var(--bg, #fff); border: 1px solid var(--line); border-radius: var(--radius-lg, 12px); padding: var(--space-5, 20px); break-inside: avoid; page-break-inside: avoid; }
.fgm-helpcenter .fgm-help-guide-step-title { display: flex; align-items: center; gap: var(--space-3, 12px); margin: 0 0 var(--space-3, 12px); font-size: 1.2rem; }
.fgm-help-guide-num { flex: none; width: 2rem; height: 2rem; border-radius: 50%; background: var(--brand); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; }
.fgm-help-guide-img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: var(--radius-md, 8px); margin-bottom: var(--space-4, 16px); }
.fgm-help-guide-body { line-height: 1.6; max-width: 780px; }
.fgm-help-guide-actions { display: flex; align-items: center; gap: var(--space-4, 16px); flex-wrap: wrap; margin: var(--space-3, 12px) 0 0; }
.fgm-help-learn { color: var(--brand); }

@media (max-width: 600px) {
	.fgm-help-cards { grid-template-columns: 1fr; }
	.fgm-help-article { padding: var(--space-4, 16px); }
	.fgm-help-guide-step { padding: var(--space-4, 16px); }
	.fgm-help-tabs { overflow-x: auto; }
}

/* Print: just the guide. */
@media print {
	#adminmenumain, #wpadminbar, #wpfooter, .fgm-masthead, .fgm-onboarding-banner, .fgm-help-tabs, .fgm-help-header,
	.fgm-help-print, .fgm-help-guide-actions, .fgm-help-search, .fgm-help-back, .fgm-portal-nav, .fgm-portal-tabs,
	.fgm-logbook-fab, [id^="fgm-logbook"] { display: none !important; }
	#wpcontent, #wpbody-content { margin: 0 !important; padding: 0 !important; }
	.fgm-help-guide-step { border: 0; padding: 0; margin-bottom: 18pt; }
	.fgm-help-guide-img { max-height: 55vh; width: auto; max-width: 100%; }
	.fgm-help-guide-head .fgm-help-lead { color: #000; }
}
.fgm-helpcenter [hidden], .fgm-portal [data-fgm-help-item][hidden] { display: none !important; }