/* 07 "My applications" into Funding (Mr B, 14 Oct 2026): the tab leaves Account Settings; the member's applications show as "Your
   applications" at the bottom of the Funding tab (07-applications-into-funding.js builds #smesa-mrb07-apps). Live brand only: navy
   #0A2C3D, maroon #9C1C1F, blush #F7E9E9, lines #E3E8EE, muted #5A6675 (green only for good news). No fonts set here: the heading and
   the company names carry the page's font-jakarta class (Oswald in the live CSS), the rest takes the page's text font. Spacing matches
   the Funding cards above it (16 px corners, 16 to 20 px padding, 12 px between cards). */

/* The tab, gone from the menu (desktop list and the phone strip). 07-*.php also drops it before the menu is built. */
#settings-nav button[onclick="setTab('applications')"] { display: none !important; }

/* While the member fills in the application form (or reads its receipt): one thing on screen, as account-extra.js does for the options. */
#settings-content #smesc-root.is-applying ~ #smesa-mrb07-apps { display: none; }

#smesa-mrb07-apps { margin: 32px 0 0; color: #0A2C3D; scroll-margin-top: 90px; }
#smesa-mrb07-apps:focus, #smesa-mrb07-apps:focus-visible { outline: none; } /* focused only so a screen reader announces it */
#smesa-mrb07-apps *, #smesa-mrb07-apps *::before, #smesa-mrb07-apps *::after { box-sizing: border-box; }

#smesa-mrb07-apps h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.25; font-weight: 600; color: #0A2C3D; text-transform: none; }
#smesa-mrb07-apps .mrb07-empty { margin: 0; font-size: 14px; line-height: 1.6; color: #5A6675; }

#smesa-mrb07-apps .mrb07-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
#smesa-mrb07-apps .mrb07-row {
	margin: 0; padding: 16px 20px 4px; background: #fff;
	border: 1px solid #E3E8EE; border-radius: 16px; box-shadow: 0 1px 2px rgba(10, 44, 61, .05);
}

#smesa-mrb07-apps .mrb07-top { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: start; gap: 4px 14px; }
#smesa-mrb07-apps .mrb07-ic {
	width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center;
	background: var(--mrb07-bg, #EEF2F6); color: var(--mrb07-fg, #0A2C3D);
}
#smesa-mrb07-apps .mrb07-txt { min-width: 0; }
#smesa-mrb07-apps .mrb07-co { margin: 0; font-size: 16px; line-height: 1.35; font-weight: 600; color: #0A2C3D; overflow-wrap: anywhere; }
/* Reference, date and amount, separated by dots; a dot that would start a new line is clipped away (each item carries its dot on the
   left, and every line starts one dot-width outside the clipping box). */
#smesa-mrb07-apps .mrb07-meta { overflow: hidden; }
#smesa-mrb07-apps .mrb07-meta p { margin: 3px 0 0 -16px; display: flex; flex-wrap: wrap; font-size: 13px; line-height: 1.5; color: #5A6675; }
#smesa-mrb07-apps .mrb07-meta span { white-space: nowrap; }
#smesa-mrb07-apps .mrb07-meta span::before { content: "\00b7"; display: inline-block; width: 16px; text-align: center; color: #98A3AF; }
#smesa-mrb07-apps .mrb07-chip {
	align-self: start; padding: 5px 11px; border-radius: 999px;
	background: var(--mrb07-bg, #EEF2F6); color: var(--mrb07-fg, #0A2C3D);
	font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap;
}

/* Where it is: received, in review, matched, decision (the old tab's steps). */
#smesa-mrb07-apps .mrb07-steps { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
#smesa-mrb07-apps .mrb07-steps li { margin: 0; min-width: 0; }
#smesa-mrb07-apps .mrb07-steps i { display: block; height: 6px; border-radius: 999px; background: #E3E8EE; }
#smesa-mrb07-apps .mrb07-steps li.is-on i { background: var(--mrb07-fg, #0A2C3D); }
#smesa-mrb07-apps .mrb07-steps span { display: block; margin-top: 5px; font-size: 11.5px; line-height: 1.3; color: #5A6675; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#smesa-mrb07-apps .mrb07-steps li.is-now span { font-weight: 700; color: #0A2C3D; }

/* Track: the status history and what happens next. */
#smesa-mrb07-apps .mrb07-track {
	display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 4px 0 0; padding: 0 2px;
	border: 0; background: none; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 1; color: #9C1C1F;
}
#smesa-mrb07-apps .mrb07-track:hover { text-decoration: underline; }
#smesa-mrb07-apps .mrb07-track:focus-visible { outline: 2px solid #9C1C1F; outline-offset: 2px; border-radius: 6px; }
#smesa-mrb07-apps .mrb07-track svg { transition: transform .15s ease; }
#smesa-mrb07-apps .mrb07-track[aria-expanded="true"] svg { transform: rotate(180deg); }
#smesa-mrb07-apps .mrb07-more { padding: 2px 0 14px; }
#smesa-mrb07-apps .mrb07-more[hidden] { display: none; }
#smesa-mrb07-apps .mrb07-tl { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 2px solid #E3E8EE; display: grid; gap: 10px; }
#smesa-mrb07-apps .mrb07-tl li { position: relative; margin: 0; font-size: 13.5px; line-height: 1.5; color: #0A2C3D; }
#smesa-mrb07-apps .mrb07-tl li::before {
	content: ""; position: absolute; left: -20px; top: 6px; width: 10px; height: 10px; border-radius: 50%;
	background: #fff; border: 2px solid #C9D1DA;
}
#smesa-mrb07-apps .mrb07-tl li:last-child::before { border-color: var(--mrb07-fg, #0A2C3D); background: var(--mrb07-fg, #0A2C3D); }
#smesa-mrb07-apps .mrb07-tl time { display: block; font-size: 12px; color: #5A6675; }
#smesa-mrb07-apps .mrb07-next { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: #F7E9E9; font-size: 13px; line-height: 1.55; color: #0A2C3D; }

/* Phones: the status chip drops under the name so the name keeps its width. */
@media (max-width: 559px) {
	#smesa-mrb07-apps { margin-top: 28px; }
	#smesa-mrb07-apps .mrb07-row { padding: 14px 16px 4px; }
	#smesa-mrb07-apps .mrb07-top { grid-template-columns: 40px minmax(0, 1fr); }
	#smesa-mrb07-apps .mrb07-chip { grid-column: 2; justify-self: start; margin-top: 6px; }
	#smesa-mrb07-apps .mrb07-steps span { font-size: 10.5px; }
}