/*<meta />*/

/* Email Library editing guide. Editor-only: every rule is inside the "email-library" medium, which no
   build target uses, so nothing here reaches published output. To see it, open a generated email
   topic in Flare's XML editor and choose "email-library" in the medium dropdown in the editor
   toolbar (where it normally says "non-print"). Generated topics link this file from their <head>
   (generate-email-library.ps1).

   Gray = text owned by the generator (standard wording, computed badges, the mirrored source email):
   do not edit it. Green = a field that is safe to edit; the ingest tool carries the change back
   into the manifest (see .github/tools/email-library/README.md, "Editing generated topics in Flare").
   The only label shown is the action level on the callout. The region names stay in the topic markup as classes: email-fixed,
   email-computed and email-source (gray), and email-field plus email-field-<name> (green). */

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@media email-library
{
	body::before
	{
		content: "EDITING GUIDE: Gray text is generated and can't be edited. Green text can be edited; your changes are carried back into the manifest.";
		display: block;
		background-color: #fff7d6;
		border: 1px solid #e0c868;
		color: #333333;
		font-size: 0.8em;
		margin-bottom: 12px;
		padding: 6px 10px;
	}

	.email-field,
	MadCap|dropDown
	{
		background-color: #e2f2dc;
		color: #1f1f1f;
	}

	/* Action level label on the callout paragraph. The level is only a class (StatusNone,
	   StatusRecommended or StatusRequired) whose styling lives in bb-email-library.css, so it is not
	   visible in the editor otherwise. The label is generated content: it is not part of the topic
	   text and cannot be edited. */
	.email-field-callout::before
	{
		color: #ffffff;
		display: block;
		font-size: 0.85em;
		font-weight: bold;
		margin-bottom: 4px;
		padding: 2px 6px;
		width: max-content;
	}

	/* The trailing non-breaking spaces are the gap before the callout text: Flare's editor ignores
	   margins on generated content. */
	.StatusNone.email-field-callout::before { background-color: #5b7083; content: "Action level: No action required\00a0\00a0\00a0"; }
	.StatusRecommended.email-field-callout::before { background-color: #b9770e; content: "Action level: Action recommended\00a0\00a0\00a0"; }
	.StatusRequired.email-field-callout::before { background-color: #c0392b; content: "Action level: Action required\00a0\00a0\00a0"; }

	/* Gray rules come after the green one so they win on equal specificity. email-field-about is
	   only on topics generated before About This Example became generator-owned. */
	.email-fixed,
	.email-computed,
	.email-source,
	.email-field-about
	{
		background-color: #ececec;
		color: #707070;
	}
}