/* RallyTrain notice: the one way a page tells a person how a save, a send or
   a check went, fleet-wide (FURIOPS-425). Four tiers, each with an icon and a
   color: success (green), warning (orange, never gold: Cox), danger (red),
   info (the brand cream band the Board Portal always had). Markup from
   RT_Notice::html() or window.rtNotice.render():

     <p class="rt-notice rt-notice--success" role="status">
       <i class="fa-solid fa-circle-check" aria-hidden="true"></i><span class="rt-notice-text">Saved.</span>
     </p>

   A Railcar adds its own class for where the notice sits and how wide
   (.rt-board-notice, .rt-sp-form-message, .rt-ft-message ...); the look
   comes from here and nowhere else. Loads on every front-end page. */

.rt-notice {
	display: flex;
	align-items: flex-start;
	gap: .6rem;
	margin: 0 0 1rem;
	padding: .75rem 1rem;
	border-radius: .6rem;
	border-left: 4px solid var(--rt-primary-bright, #229ce0);
	background: var(--rt-cream, #f2f6fa);
	color: var(--rt-ink, #1c1c1c);
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}
.rt-notice > i {
	flex: 0 0 auto;
	margin-top: .12em;
	font-size: 1.15em;
	color: var(--rt-primary-bright, #229ce0);
}
.rt-notice-text { flex: 1 1 auto; min-width: 0; }
.rt-notice a { color: inherit; font-weight: 700; }

.rt-notice--success { background: #e9f6ee; border-left-color: #1a7f37; }
.rt-notice--success > i { color: #1a7f37; }
.rt-notice--warning { background: #fff3e8; border-left-color: #c2410c; }
.rt-notice--warning > i { color: #c2410c; }
.rt-notice--danger { background: #fdecec; border-left-color: #b3141c; }
.rt-notice--danger > i { color: #b3141c; }

/* A notice that sits centered under a heading (the public forms). */
.rt-notice--center { justify-content: center; text-align: center; }
.rt-notice--center .rt-notice-text { flex: 0 1 auto; }

/* A notice on its way out (the Board Portal fades a save notice after a while). */
.rt-notice { transition: opacity .4s ease; }
.rt-notice.is-fading { opacity: 0; }

/* A notice that follows a dark band keeps its own ground. */
.rt-on-dark .rt-notice { color: var(--rt-ink, #1c1c1c); }