/* Express Bond — front-end styles */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {

	--ebf-blue:   #1a94c4;

	--ebf-orange: #ff5a09;

	--ebf-dark:   #3b3f44;

	--ebf-border: #d9dde3;

	--ebf-text:   #2c2f33;

}



/* ---------- Cards (login / registration) ---------- */



.ebf-card {

	max-width: 980px;

	margin: 30px auto;

	background: #fff;

	box-shadow: 0 6px 24px rgba(0,0,0,.08);

	border-radius: 4px;

	overflow: hidden;

	color: var(--ebf-text);

}



.ebf-narrow { max-width: 640px; }



.ebf-card-head {

	background: var(--ebf-blue);

	color: #fff;

	text-align: center;

	font-size: 22px;

	font-weight: 700;

	padding: 16px 20px;

}



.ebf-card-body { padding: 30px 34px 36px; }



.ebf-welcome {

	text-align: center;

	font-size: 34px;

	font-weight: 800;

	margin: 8px 0 6px;

}



.ebf-center { text-align: center; }

.ebf-sub { color: #555; margin-bottom: 22px; }



/* ---------- Fields ---------- */



.ebf-field { margin: 0 0 18px; }



.ebf-field label {

	display: flex;

	align-items: flex-end;

	font-weight: 600;

	color: #5a6270;

	font-size: 14px;

	line-height: 1.4;

	min-height: 2.8em;

	padding-bottom: 6px;

	margin-bottom: 0;

}



.ebf-req { color: #e03131 !important; }



.ebf-field input[type="text"],

.ebf-field input[type="email"],

.ebf-field input[type="url"],

.ebf-field input[type="tel"],

.ebf-field input[type="date"],

.ebf-field input[type="number"],

.ebf-field input[type="password"],

.ebf-field select {

	width: 100%;

	box-sizing: border-box;

	padding: 12px 14px;

	border: 1.5px solid var(--ebf-border);

	border-radius: 10px;

	font-size: 15px;

	background: #fff;

	color: var(--ebf-text);

	transition: border-color .15s, box-shadow .15s;

}



.ebf-field input:focus,

.ebf-field select:focus {

	outline: none;

	border-color: var(--ebf-blue);

	box-shadow: 0 0 0 3px rgba(26,148,196,.12);

}



.ebf-field input[readonly] {

	background: #eef0f2;

	color: #767c85;

	cursor: not-allowed;

}



.ebf-field input.ebf-invalid,

.ebf-field select.ebf-invalid { border-color: #e03131 !important;  }





.ebf-hint {

	display: block;

	margin-top: 5px;

	color: #8a919c;

	font-size: 13px;

}



.ebf-password-field { position: relative; display: block; }



.ebf-toggle-pass {

	position: absolute;

	right: 10px;

	top: 50%;

	transform: translateY(-50%);

	background: none;

	border: 0;

	cursor: pointer;

	color: #9aa1ab;

	font-size: 15px;

	padding: 4px;

	line-height: 1;

}



.ebf-check { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; cursor: pointer; }

.ebf-check-strong { font-weight: 700; color: var(--ebf-dark); }



.ebf-row { display: flex; align-items: center; gap: 16px; margin: 0 0 18px; }

.ebf-between { justify-content: space-between; }



.ebf-link { color: #4353c4; text-decoration: none; font-weight: 600; }

.ebf-link:hover { text-decoration: underline; }



.wp-block-post-title{

	display: none !important;

}

/* ---------- Buttons ---------- */



.ebf-btn {

	display: inline-block;

	background: var(--ebf-orange);

	color: #fff !important;

	border: 0;

	border-radius: 9px;

	padding: 13px 30px;

	font-size: 15px;

	font-weight: 600;

	cursor: pointer;

	transition: background .15s;

	text-decoration: none;

}



.ebf-btn:hover { background: #e64f05; }

.ebf-btn:disabled { opacity: .6; cursor: wait; }

.ebf-btn-block { width: 100%; }

.ebf-btn-pill { border-radius: 999px; padding: 16px 44px; }



.ebf-btn.ebf-btn-secondary {

	background: #fff;

	color: var(--ebf-dark) !important;

	border: 1.5px solid var(--ebf-border);

}

.ebf-btn.ebf-btn-secondary:hover { background: #f4f6f8; }



/* ---------- Registration grid ---------- */



.ebf-grid-2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }

.ebf-span-2 { grid-column: 1 / -1; }



/* =====================================================================

   Wizard

   ===================================================================== */



.ebf-wizard {

	max-width: 1150px;

	margin: 37px auto 30px;

	background: #fff;

	border-radius: 16px;

	box-shadow: 0 8px 32px rgba(0,0,0,.10);

	overflow: hidden;

	color: var(--ebf-text);

}



/* ----- Header ----- */



.ebf-wizard-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 15px 28px;

	border-bottom: 1px solid var(--ebf-border);

	background: #fff;

}



.ebf-wizard-logo {

	display: flex;

	align-items: center;

	gap: 10px;

	font-weight: 800;

	font-size: 14px;

	letter-spacing: .05em;

	color: var(--ebf-dark);

	text-transform: uppercase;

}



.ebf-logo-icon {

	width: 36px;

	height: 36px;

	border: 2px solid var(--ebf-blue);

	border-radius: 8px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	font-weight: 900;

	font-size: 17px;

	color: var(--ebf-blue);

	flex-shrink: 0;

}



.ebf-save-status {

	font-size: 13px;

	font-weight: 600;

	color: #2d9e6b;

	display: flex;

	align-items: center;

	gap: 7px;

	background: #eef9f3;

	border: 1px solid #b8e6d0;

	border-radius: 999px;

	padding: 5px 13px;

}



.ebf-save-status:empty { display: none; }



.ebf-save-status::before {

	content: '';

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #2d9e6b;

	flex-shrink: 0;

}



.ebf-wizard-actions { display: flex; align-items: center; gap: 10px; }



.ebf-btn-save {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	color: #fff;

	background: var(--ebf-blue);

	font-size: 14px;

	font-weight: 600;

	padding: 7px 14px;

	border-radius: 8px;

	border: 1.5px solid var(--ebf-blue);

	cursor: pointer;

	transition: background .15s;

	line-height: 1;

}

.ebf-btn-save:hover { background: #157aab; border-color: #157aab; }

.ebf-btn-save:disabled { opacity: .6; cursor: wait; }



.ebf-btn-exit {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	color: var(--ebf-dark);

	font-size: 14px;

	font-weight: 600;

	text-decoration: none;

	padding: 7px 14px;

	border-radius: 8px;

	border: 1.5px solid var(--ebf-border);

	transition: background .15s;

	line-height: 1;

}



.ebf-btn-exit:hover { background: #f4f6f8; }



/* ----- Step dots ----- */



.ebf-steps {

	display: flex;

	align-items: flex-start;

	padding: 24px 40px 0;

	background: #fff;

}



.ebf-step-tab {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 8px;

	cursor: pointer;

	min-width: 72px;

}



.ebf-step-dot {

	width: 40px;

	height: 40px;

	border-radius: 50%;

	background: #e8eaed;

	display: flex;

	align-items: center;

	justify-content: center;

	font-weight: 700;

	font-size: 15px;

	color: #9aa1ab;

	transition: background .2s, color .2s;

	position: relative;

	flex-shrink: 0;

}



.ebf-step-tab .ebf-step-label {

	font-size: 12px;

	font-weight: 600;

	color: #9aa1ab;

	letter-spacing: .02em;

	text-align: center;

	transition: color .2s;

	white-space: nowrap;

}



/* Active step */

.ebf-step-tab.is-active .ebf-step-dot {

	background: var(--ebf-blue);

	color: #fff;

}

.ebf-step-tab.is-active .ebf-step-label { color: var(--ebf-blue); }



/* Completed step */

.ebf-step-tab.is-done .ebf-step-dot {

	background: var(--ebf-blue);

	color: #fff;

}

.ebf-step-tab.is-done .ebf-step-num { font-size: 0; line-height: 0; }

.ebf-step-tab.is-done .ebf-step-dot::after {

	content: "\2713";

	font-size: 17px;

	font-weight: 700;

	color: #fff;

}

.ebf-step-tab.is-done .ebf-step-label { color: var(--ebf-blue); }



/* Connector lines between dots */

.ebf-step-connector {

	flex: 1;

	height: 2px;

	background: #e8eaed;

	margin-top: 20px;  /* aligns with dot vertical center */

	transition: background .2s;

}



.ebf-step-tab.is-done + .ebf-step-connector { background: var(--ebf-blue); }



/* ----- Progress bar ----- */



.ebf-progress-track {

	height: 4px;

	background: #e8eaed;

	margin-top: 16px;

}



.ebf-progress-bar {

	height: 100%;

	background: var(--ebf-orange);

	transition: width .35s ease;

}



/* ----- Panel layout ----- */



.ebf-step-panel { display: none; }

.ebf-step-panel.is-active { display: block; }



.ebf-panel-layout {

	display: flex;

	gap: 30px;

	padding: 32px 40px 40px;

	align-items: flex-start;

}



.ebf-panel-main { flex: 1; min-width: 0; }



.ebf-step-counter {

	font-size: 11px;

	font-weight: 700;

	letter-spacing: .10em;

	color: var(--ebf-blue);

	margin: 0 0 8px;

	text-transform: uppercase;

}



.ebf-step-title {

	font-size: 28px;

	font-weight: 800;

	color: #1a1d21;

	margin: 0 0 6px;

	line-height: 1.2;

}



.ebf-step-subtitle {

	font-size: 15px;

	color: #8a919c;

	margin: 0 0 24px;

}



.ebf-section-divider {

	display: flex;

	align-items: center;

	gap: 14px;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: .12em;

	color: #9aa1ab;

	text-transform: uppercase;

	margin: 0 0 20px;

}



.ebf-section-divider::after {

	content: '';

	flex: 1;

	height: 1px;

	background: var(--ebf-border);

}



/* ----- Fields grid ----- */



.ebf-panel-grid {

	display: grid;

	grid-template-columns: repeat(6, 1fr);

	column-gap: 16px;

	align-items: start;

}



.ebf-w-full  { grid-column: span 6; }

.ebf-w-half  { grid-column: span 3; }

.ebf-w-third { grid-column: span 2; }



/* ----- Navigation ----- */



.ebf-nav {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px solid var(--ebf-border);

}



/* ----- Sidebar ----- */



.ebf-panel-sidebar {

	width: 256px;

	flex-shrink: 0;

	display: flex;

	flex-direction: column;

	gap: 14px;

	padding-top: 54px;

}



.ebf-sidebar-card {

	border: 1.5px solid var(--ebf-border);

	border-radius: 12px;

	padding: 16px 18px;

	background: #fff;

	font-size: 14px;

	color: #5a6270;

	line-height: 1.6;

}



.ebf-sidebar-card p { margin: 0; }



.ebf-sidebar-card-title {

	display: flex;

	align-items: center;

	gap: 7px;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: .09em;

	color: var(--ebf-blue);

	text-transform: uppercase;

	margin-bottom: 9px;

}



.ebf-why-card,

.ebf-secure-card {

	border-color: #cce6f4;

	background: #f0f8fd;

}



.ebf-questions-card { background: #fafafa; }



.ebf-questions-label {

	font-size: 11px;

	font-weight: 700;

	letter-spacing: .10em;

	color: #9aa1ab;

	text-transform: uppercase;

	margin: 0 0 4px !important;

}



.ebf-phone {

	font-size: 17px;

	font-weight: 800;

	color: var(--ebf-dark);

	margin: 0 0 6px !important;

}



.ebf-chat-link {

	font-size: 13px;

	color: var(--ebf-blue);

	text-decoration: underline;

}



/* ---------- Agreement blocks ---------- */



.ebf-agreement { margin-bottom: 26px; }



.ebf-agreement-text {

	width: 100%;

	box-sizing: border-box;

	border: 1.5px solid var(--ebf-border);

	border-radius: 10px;

	background: #f9fafb;

	color: #8a919c;

	font-size: 13px;

	line-height: 1.6;

	padding: 14px;

	resize: vertical;

	margin-bottom: 12px;

	text-transform: uppercase;

}



/* ---------- Alerts / confirmation ---------- */



.ebf-alert {

	padding: 12px 16px;

	border-radius: 8px;

	margin: 0 40px 20px;

	font-size: 14px;

}



.ebf-alert-error  { background: #fdeaea; color: #b02a2a; border: 1px solid #f3c1c1; }

.ebf-alert-success { background: #e8f7ee; color: #1b7f45; border: 1px solid #bfe6cf; }



.ebf-submitted-stripe {

	display: flex;

	align-items: flex-start;

	gap: 10px;

	background: #fff8e1;

	border: 1px solid #f9c840;

	border-radius: 8px;

	padding: 12px 16px;

	margin-bottom: 20px;

	font-size: 14px;

	color: #7a5800;

	line-height: 1.5;

}

.ebf-submitted-stripe svg {

	flex-shrink: 0;

	margin-top: 1px;

	color: #e6a800;

}



.ebf-confirm-box {

	padding: 48px 40px;

	text-align: center;

	border-top: 5px solid var(--ebf-orange);

}



.ebf-confirm-box h2 { margin-top: 0; }

.ebf-confirm-ref { font-size: 15px; color: #555; margin-bottom: 22px; }



.ebf-submitted-banner {

	background: #2e8db5;

	padding: 40px 48px;

	text-align: center;

}



.ebf-submitted-banner p {

	margin: 0;

	color: #fff;

	font-size: 18px;

	font-weight: 700;

	line-height: 1.6;

}



/* ---------- Review step ---------- */



.ebf-review-body { display: flex; flex-direction: column; gap: 0; }



.ebf-review-section {

	padding-bottom: 22px;

	margin-bottom: 22px;

	border-bottom: 1px solid var(--ebf-border);

}

.ebf-review-section:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }



.ebf-review-section-head {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 14px;

}



.ebf-review-section-title {

	font-size: 11px;

	font-weight: 700;

	color: var(--ebf-blue);

	text-transform: uppercase;

	letter-spacing: .10em;

	margin: 0;

}



.ebf-review-edit {

	font-size: 12px;

	font-weight: 600;

	color: var(--ebf-blue);

	background: none;

	border: 1.5px solid var(--ebf-blue);

	border-radius: 6px;

	padding: 3px 12px;

	cursor: pointer;

	transition: background .15s, color .15s;

	line-height: 1.6;

}

.ebf-review-edit:hover { background: var(--ebf-blue); color: #fff; }



.ebf-review-item { margin-bottom: 10px; }



.ebf-review-label {

	display: block;

	font-size: 11px;

	font-weight: 600;

	color: #9aa1ab;

	text-transform: uppercase;

	letter-spacing: .05em;

	margin-bottom: 3px;

}



.ebf-review-value {

	display: block;

	font-size: 15px;

	color: var(--ebf-text);

	font-weight: 500;

	word-break: break-word;

}



/* =====================================================================

   Login — two-column layout

   ===================================================================== */



.ebf-login-wrap {

	display: flex;

	min-height: 88vh;

	font-family: inherit;

	/* override any parent card styles */

	margin: 0;

	max-width: none;

	box-shadow: none;

	border-radius: 0;

	background: none;

}



/* Left panel */

.ebf-login-left {

	flex: 1;

	background: linear-gradient(150deg, #d9eef8 0%, #eaf5fb 50%, #f4f9fc 100%);

	display: flex;

	flex-direction: column;

	padding: 40px 48px;

}



.ebf-login-logo {

	display: flex;

	align-items: center;

	gap: 10px;

}



.ebf-logo-label {

	font-weight: 800;

	font-size: 15px;

	color: var(--ebf-dark);

}



.ebf-login-card-wrap {

	flex: 1;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 32px 0;

}



.ebf-login-card {

	background: #fff;

	border-radius: 16px;

	box-shadow: 0 4px 28px rgba(0, 0, 0, .08);

	padding: 40px 44px;

	width: 100%;

	max-width: 440px;

}



.ebf-login-heading {

	font-size: 28px;

	font-weight: 800;

	color: var(--ebf-text);

	margin: 0 0 8px;

	line-height: 1.2;

}



.ebf-login-sub {

	font-size: 15px;

	color: #6b7280;

	margin: 0 0 20px;

}



.ebf-demo-notice {

	background: #e6f5fb;

	border: 1px solid #b3dff0;

	border-radius: 8px;

	padding: 10px 14px;

	font-size: 14px;

	color: #1a6a8c;

	margin-bottom: 22px;

	line-height: 1.55;

}



.ebf-demo-notice strong {

	color: var(--ebf-blue);

}



.ebf-alert-login {

	margin: 0 0 16px;

}



/* Wraps the password input so the eye toggle positions correctly */

.ebf-input-wrap {

	position: relative;

	display: block;

}



.ebf-input-wrap input {

	width: 100%;

	box-sizing: border-box;

}



.ebf-input-wrap .ebf-toggle-pass {

	top: 50%;

	transform: translateY(-50%);

}



.ebf-login-remember {

	margin-bottom: 22px;

}



.ebf-login-btn {

	margin-bottom: 20px;

	font-size: 16px;

	padding: 14px 30px;

	border-radius: 10px;

}



.ebf-login-register-link {

	text-align: center;

	color: #6b7280;

	font-size: 15px;

	margin: 18px 0 0;

}



.ebf-reg-card {

	max-width: 580px;

}



/* Right promo panel */

.ebf-login-right {

	flex: 1;

	background: var(--ebf-blue);

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 60px 72px;

}



.ebf-login-promo {

	max-width: 440px;

}



.ebf-promo-heading {

	font-size: 38px;

	font-weight: 800;

	color: #fff;

	line-height: 1.2;

	margin: 0 0 20px;

}



.ebf-promo-sub {

	font-size: 16px;

	color: rgba(255, 255, 255, .85);

	line-height: 1.75;

	margin: 0 0 36px;

}



.ebf-promo-list {

	list-style: none;

	padding: 0;

	margin: 0;

	display: flex;

	flex-direction: column;

	gap: 16px;

}



.ebf-promo-list li {

	font-size: 16px;

	color: #fff;

	display: flex;

	align-items: center;

	gap: 12px;

	font-weight: 500;

}



.ebf-promo-list li::before {

	content: '';

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: var(--ebf-orange);

	flex-shrink: 0;

}





/* ---------- Responsive ---------- */



@media (max-width: 960px) {

	.ebf-panel-layout { flex-direction: column; padding: 24px 24px 32px; gap: 24px; }

	.ebf-panel-sidebar { width: 100%; padding-top: 0; flex-direction: row; flex-wrap: wrap; }

	.ebf-sidebar-card { flex: 1 1 180px; }

	.ebf-steps { padding: 20px 20px 0; }

	.ebf-login-wrap { flex-direction: column; min-height: auto; }

	.ebf-login-right { padding: 48px 40px; }

	.ebf-promo-heading { font-size: 28px; }

}



@media (max-width: 640px) {

	.ebf-wizard { margin: 0; border-radius: 0; }

	.ebf-grid-2 { grid-template-columns: 1fr; }

	.ebf-panel-grid { grid-template-columns: 1fr; }

	.ebf-w-full, .ebf-w-half, .ebf-w-third { grid-column: span 1; }

	.ebf-step-tab .ebf-step-label { display: none; }

	.ebf-wizard-header { padding: 12px 16px; }

	.ebf-logo-text { display: none; }

	.ebf-alert { margin: 0 16px 16px; }

	.ebf-login-left { padding: 24px 20px; }

	.ebf-login-card { padding: 28px 24px; }

	.ebf-login-card-wrap { padding: 20px 0; }

	.ebf-login-right { padding: 40px 24px; }

	.ebf-promo-heading { font-size: 24px; }

}



/* =====================================================================

   Status Banners (form top)

   ===================================================================== */



.ebf-status-banner {

	display: flex;

	flex-direction: column;

	gap: 10px;

	border-radius: 10px;

	padding: 10px 16px;

	margin: 6px 20px 12px;

	font-size: 13px;

	line-height: 1.5;

	border: 1.5px solid transparent;

}



.ebf-banner-info {

	background: #eff6ff;

	border-color: #bfdbfe;

	color: #1e40af;

}



.ebf-banner-success {

	background: #f0fdf4;

	border-color: #bbf7d0;

	color: #14532d;

}



.ebf-banner-error {

	background: #fef2f2;

	border-color: #fecaca;

	color: #7f1d1d;

}



.ebf-banner-warning {

	background: #fffbeb;

	border-color: #fde68a;

	color: #78350f;

}



.ebf-banner-msg { font-weight: 600; }



.ebf-banner-notes {

	background: rgba(255,255,255,.6);

	border-radius: 6px;

	padding: 10px 14px;

	font-size: 13px;

	line-height: 1.55;

}



/* =====================================================================

   Locked form fields

   ===================================================================== */



.ebf-field-locked,

.ebf-wizard--locked input,

.ebf-wizard--locked select,

.ebf-wizard--locked textarea {

	background: #f3f4f6 !important;

	color: #6b7280 !important;

	cursor: not-allowed;

	pointer-events: none;

}



/* =====================================================================

   Confirmation strip (shown after submit / resubmit)

   ===================================================================== */



.ebf-confirmation-strip {

	background: #f0fdf4;

	border: 1.5px solid #bbf7d0;

	border-radius: 8px;

	padding: 14px 18px;

	margin-bottom: 16px;

	font-size: 14px;

	color: #14532d;

	line-height: 1.6;

}



.ebf-confirmation-strip p { margin: 0 0 8px; }

.ebf-confirmation-strip p:last-child { margin-bottom: 0; }



/* =====================================================================

   User Dashboard

   ===================================================================== */



.ebf-dashboard {

	max-width: 860px;

	margin: 0 auto;

	padding: 0 0 40px;

	font-family: inherit;

}



.ebf-dash-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 24px;

	padding-bottom: 16px;

	border-bottom: 1.5px solid var(--ebf-border);

}



.ebf-dash-title {

	font-size: 22px;

	font-weight: 800;

	color: var(--ebf-text);

	margin: 0;

}



/* Empty state */

.ebf-dash-empty {

	text-align: center;

	padding: 60px 24px;

	background: #fff;

	border: 1.5px solid var(--ebf-border);

	border-radius: 12px;

}



.ebf-dash-empty-icon {

	font-size: 48px;

	margin-bottom: 16px;

	line-height: 1;

}



.ebf-dash-empty h3 {

	font-size: 20px;

	font-weight: 700;

	margin: 0 0 8px;

	color: var(--ebf-text);

}



.ebf-dash-empty p {

	color: #6b7280;

	margin: 0 0 24px;

	font-size: 15px;

}



/* Application card */

.ebf-dash-card {

	background: #fff;

	border: 1.5px solid var(--ebf-border);

	border-radius: 12px;

	overflow: hidden;

	margin-bottom: 16px;

	box-shadow: 0 2px 8px rgba(0,0,0,.05);

}



.ebf-dash-card-head {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 16px 20px;

	background: #fafbfc;

	border-bottom: 1px solid var(--ebf-border);

	gap: 12px;

}



.ebf-dash-card-id {

	display: flex;

	flex-direction: column;

	gap: 2px;

}



.ebf-dash-ref {

	font-size: 12px;

	font-weight: 700;

	color: var(--ebf-blue);

	letter-spacing: .06em;

	text-transform: uppercase;

}



.ebf-dash-company {

	font-size: 16px;

	font-weight: 700;

	color: var(--ebf-text);

}



.ebf-dash-status-badge {

	display: inline-block;

	padding: 5px 14px;

	border-radius: 20px;

	font-size: 12px;

	font-weight: 700;

	color: #fff;

	white-space: nowrap;

	flex-shrink: 0;

}



.ebf-dash-card-body {

	padding: 16px 20px;

}



.ebf-dash-meta {

	display: flex;

	flex-wrap: wrap;

	gap: 6px 24px;

	font-size: 13px;

	color: #6b7280;

	margin-bottom: 12px;

}



.ebf-dash-meta:last-child { margin-bottom: 0; }



.ebf-dash-admin-note {

	background: #fffbeb;

	border-left: 4px solid #d97706;

	border-radius: 0 6px 6px 0;

	padding: 10px 14px;

	margin-top: 8px;

	font-size: 13px;

	color: #78350f;

}



.ebf-dash-admin-note p { margin: 4px 0 0; }



.ebf-dash-info-strip {

	display: flex;

	align-items: flex-start;

	gap: 8px;

	border-radius: 6px;

	padding: 8px 12px;

	margin-top: 10px;

	font-size: 13px;

	line-height: 1.5;

}



.ebf-dash-info-strip svg { flex-shrink: 0; margin-top: 1px; }



.ebf-dash-strip-blue { background: #eff6ff; color: #1e40af; }

.ebf-dash-strip-green { background: #f0fdf4; color: #14532d; }



.ebf-dash-card-footer {

	padding: 12px 20px;

	border-top: 1px solid var(--ebf-border);

	display: flex;

	align-items: center;

	gap: 12px;

	background: #fafbfc;

}



.ebf-dash-approved-badge {

	font-size: 13px;

	font-weight: 700;

	color: #16a34a;

}



/* Small button variant */

.ebf-btn-sm {

	padding: 8px 18px;

	font-size: 13px;

}



@media (max-width: 600px) {

	.ebf-dash-card-head { flex-direction: column; align-items: flex-start; }

	.ebf-dash-status-badge { align-self: flex-start; }

	.ebf-dash-header { flex-direction: column; align-items: flex-start; gap: 12px; }

}

.ebf-ty-dashboard-btn {
	display: inline-block;
	margin-top: 14px;
	padding: 10px 26px;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.65);
	border-radius: 9px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: .01em;
	transition: background .18s, border-color .18s;
}

.ebf-ty-dashboard-btn:hover {
	background: rgba(255, 255, 255, 0.30);
	border-color: #fff;
	color: #fff;
}