@import '_content/Codec.LiveRender.Renderer/Codec.LiveRender.Renderer.qweu3pleuo.bundle.scp.css';

/* /App.razor.rz.scp.css */
.loading-container[b-isv8tda3j6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.loading-spinner[b-isv8tda3j6] {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-b-isv8tda3j6 2s linear infinite;
    margin-bottom: 20px;
}

@keyframes spin-b-isv8tda3j6 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.error-container[b-isv8tda3j6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
    padding: 20px;
}

.error-container button[b-isv8tda3j6] {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.error-container button:hover[b-isv8tda3j6] {
    background-color: #0056b3;
}
/* /Components/DowDwellingComponent.razor.rz.scp.css */
/* ── Column sizing (mirrors OrgUserDwellingTableComponent header widths) ─ */

.xyz000001-wrapper[b-24ofx9lhe3] {
    width: 110px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.property-address[b-24ofx9lhe3] {
    width: 300px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.container4[b-24ofx9lhe3] {
    width: 230px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
}

.status-indicator-circle[b-24ofx9lhe3] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
}

.status-text[b-24ofx9lhe3] {
    position: relative;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.label3[b-24ofx9lhe3] {
    flex: 1;
    position: relative;
    line-height: 21px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2c2c2c;
}

.row-value[b-24ofx9lhe3] {
    position: relative;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Row layout ──────────────────────────────────────────────────────── */

.dow-row[b-24ofx9lhe3] {
    align-self: stretch;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 24px;
    gap: 16px;
    cursor: pointer;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
}

.dow-row:hover[b-24ofx9lhe3] {
    background-color: #f9f9f9;
}

/* Desktop row: hidden on mobile, shown on desktop */
.dow-desktop-row[b-24ofx9lhe3] {
    display: none;
}

/* Mobile card: shown on mobile, hidden on desktop */
.dow-mobile-card[b-24ofx9lhe3] {
    display: flex;
    align-self: stretch;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding: 16px;
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}

.dow-mobile-content[b-24ofx9lhe3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.dow-mobile-field[b-24ofx9lhe3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dow-mobile-key[b-24ofx9lhe3] {
    position: relative;
    line-height: 20px;
}

.dow-mobile-val[b-24ofx9lhe3] {
    position: relative;
    line-height: 20px;
}

.dow-mobile-address[b-24ofx9lhe3] {
    align-self: stretch;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #39827d;
}

.dow-mobile-address-text[b-24ofx9lhe3] {
    flex: 1;
    position: relative;
    line-height: 21px;
    font-weight: 600;
}

.dow-mobile-status[b-24ofx9lhe3] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #2c2c2c;
}

.dow-mobile-action[b-24ofx9lhe3] {
    align-self: flex-start;
}

@media (min-width: 860px) {
    .dow-desktop-row[b-24ofx9lhe3] {
        display: flex;
    }

    .dow-mobile-card[b-24ofx9lhe3] {
        display: none;
    }
}

.dow-row-data[b-24ofx9lhe3] {
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 1;
    min-width: 0;
}

.dow-row-actions[b-24ofx9lhe3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

/* ── Status indicator ────────────────────────────────────────────────── */

.status-indicator-circle[b-24ofx9lhe3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-indicator-circle-child[b-24ofx9lhe3] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #b8b8b8;
    flex-shrink: 0;
}

.status-indicator-circle-item[b-24ofx9lhe3] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #bebd01;
    flex-shrink: 0;
}

.ellipse-div[b-24ofx9lhe3] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #bebd01;
    flex-shrink: 0;
}

.status-indicator-circle-child4[b-24ofx9lhe3] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #c70063;
    flex-shrink: 0;
}

.status-text[b-24ofx9lhe3] {
    flex: 1;
    position: relative;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Three-dots button and context menu ──────────────────────────────── */

.actions-col[b-24ofx9lhe3] {
    position: relative;
}

.action-btn[b-24ofx9lhe3] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    color: #2c2c2c;
}

.action-btn:hover[b-24ofx9lhe3] {
    color: #1b1451;
}

.actions-menu[b-24ofx9lhe3] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 100;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    min-width: 160px;
    overflow: hidden;
}

.actions-menu-item[b-24ofx9lhe3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    background-color: #fff;
    cursor: pointer;
    white-space: nowrap;
    line-height: 20px;
}

.actions-menu-item:hover[b-24ofx9lhe3] {
    background-color: #f5f5f5;
}

.menu-icon[b-24ofx9lhe3] {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #2c2c2c;
    flex-shrink: 0;
}
/* /Components/DwellingComponent.razor.rz.scp.css */
.devicemobile-fidelityhigh[b-pm2gus2guc] {
	width: 100%;
	position: relative;
	background-color: #fff;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	font-size: 14px;
	color: #2c2c2c;
	padding: 16px;
}

.dwelling-wrapper[b-pm2gus2guc] {
	align-self: stretch;
	border-radius: 0px 0px 6px 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 0px 8px;
	font-size: 16px;
	color: #39827d;
}

.dwelling[b-pm2gus2guc] {
	flex: 1;
	position: relative;
	line-height: 21px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mprn[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	align-items: center;
	padding: 8px 0px;
	gap: 4px;
}

.div[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
}

.status-indicator-circle-wrapper[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 8px 0px;
	color: #000;
}

.status-indicator-circle[b-pm2gus2guc] {
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Draft — default grey */
.status-indicator-circle-draft[b-pm2gus2guc] {
	height: 18px;
	width: 18px;
	position: relative;
	border-radius: 50%;
	background-color: #b8b8b8;
}

/* Submitted — #BEBD01 */
.status-indicator-circle-submitted[b-pm2gus2guc] {
	height: 18px;
	width: 18px;
	position: relative;
	border-radius: 50%;
	background-color: #bebd01;
}

/* Request for Payment — Error yellow */
.status-indicator-circle-payment[b-pm2gus2guc] {
	height: 18px;
	width: 18px;
	position: relative;
	border-radius: 50%;
	background-color: #bebd01;
}

/* Cancelled — Secondary magenta */
.status-indicator-circle-cancelled[b-pm2gus2guc] {
	height: 18px;
	width: 18px;
	position: relative;
	border-radius: 50%;
	background-color: #c70063;
}

.application-id-parent[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	padding: 8px 0px;
	gap: 6px;
	color: #000;
}

.devicemobile-fidelityhigh-inner[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	font-size: 11px;
	color: #1b1451;
}

.grant-measure-tile-m-parent[b-pm2gus2guc] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.grant-measure-tile-m[b-pm2gus2guc] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 8px 16px;
	gap: 12px;
	text-align: left;
	font-size: 18px;
	color: #1b1451;
	font-family: 'Open Sans';
}

.header[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.title[b-pm2gus2guc] {
	position: relative;
	line-height: 26px;
	font-weight: 600;
}

.measures-list[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 12px;
}

.measure-item[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.measure-indicator[b-pm2gus2guc] {
	min-width: 0;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.measure-indicator-inner[b-pm2gus2guc] {
	align-self: stretch;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.measure-icon-parent[b-pm2gus2guc] {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 8px;
}
.measure-icon-bg[b-pm2gus2guc] {
	height: 35px;
	width: 35px;
	position: relative;
	border-radius: 6px;
	background-color: #ECECF3;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.measure-icon[b-pm2gus2guc] {
	width: 100%;
	height: 25px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
}
.measure-icon-text[b-pm2gus2guc] {
    flex: 1;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #1b1451;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.measure-indicator7[b-pm2gus2guc] {
	align-self: stretch;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: center;
	font-size: 11px;
	color: #06ae99;
}

.button-parent[b-pm2gus2guc] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 4px 0px 24px;
	box-sizing: border-box;
	text-align: left;
	font-size: 16px;
	color: #fff;
	font-family: 'Open Sans';
}

.button-wrapper[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 4px 16px 24px;
	font-size: 16px;
	color: #fff;
}

.button[b-pm2gus2guc] {
	align-self: stretch;
	border-radius: 6px;
	background-color: #39827d;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	gap: 8px;
}

.button2[b-pm2gus2guc] {
	position: relative;
	line-height: 18px;
}

/* =========================================================
   Desktop layout (grant-summary-card)
   ========================================================= */

.grant-summary-card[b-pm2gus2guc] {
	display: none; /* hidden on mobile, shown on desktop via media query */
	position: relative;
	background-color: #fff;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	box-sizing: border-box;
	width: 100%;
	flex-direction: column;
	align-items: center;
	padding: 16px 24px 24px;
	min-width: 861px;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans';
}

.grant-details[b-pm2gus2guc] {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 240px;
	grid-template-rows: auto auto;
	gap: 16px 32px;
	align-items: start;
}

.dwelling-address[b-pm2gus2guc] {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	border-radius: 0px 0px 6px 6px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: #2c2c2c;
}

.address-mprn-status[b-pm2gus2guc] {
	align-self: stretch;
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: 16px;
}

.property-address[b-pm2gus2guc] {
	display: flex;
	align-items: center;
	padding: 8px 0px;
	box-sizing: border-box;
	min-width: 0;
	font-size: 16px;
	color: #39827d;
}

.ds-mprn[b-pm2gus2guc] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 8px 0px;
	gap: 4px;
}

.mprn-label[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
}

.ds-status[b-pm2gus2guc] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 8px 0px;
}

.ds-application-id[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	padding: 8px 0px;
	box-sizing: border-box;
	gap: 6px;
}

.grant-measure-tile-m-wrapper[b-pm2gus2guc] {
	grid-column: 1;
	grid-row: 2;
	min-width: 0;
	position: relative;
	font-size: 18px;
	color: #1b1451;
}

.measure-tiles[b-pm2gus2guc] {
	align-self: stretch;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	font-size: 12px;
}

.id-amount-expiry-cta[b-pm2gus2guc] {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 240px;
	max-width: 240px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.grant-amount-container[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	padding: 8px 0px;
	gap: 6px;
}

.ds-expiry[b-pm2gus2guc] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
	color: #ec571b;
	font-size: 14px;
	font-family: 'Open Sans';
	padding: 8px 0px;
}

.hourglass-icon-wrapper[b-pm2gus2guc] {
	display: none;
}

.hourglass-icon-wrapper[b-pm2gus2guc]  i {
	font-size: 24px;
	width: 24px;
	height: 24px;
}

.expires-in-parent[b-pm2gus2guc] {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 4px;
	flex-wrap: nowrap !important;
}

.expires-in[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 0;
	color: #ec571b;
}

.ds-button-wrapper[b-pm2gus2guc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Show desktop, hide mobile on larger screens */
@media (min-width: 768px) {
	.grant-summary-card[b-pm2gus2guc] {
		display: flex;
	}

	.devicemobile-fidelityhigh[b-pm2gus2guc] {
		display: none;
	}
}
.chevron-right-icon[b-pm2gus2guc] {
	height: 18px;
	width: 18px;
	position: relative;
}

.div3[b-pm2gus2guc] {
	width: 8px;
	position: relative;
	text-align: center;
	display: none;
	align-items: center;
	font-size: 16px;
}

.txt[b-pm2gus2guc] {
	width: 100%;
}

.span[b-pm2gus2guc] {
	line-height: 24px;
}

.span2[b-pm2gus2guc] {
	font-size: 14px;
	line-height: 20px;
}

.grant-container[b-pm2gus2guc] {
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 8px 0px 16px;
	box-sizing: border-box;
	gap: 6px;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans';
}

.grant-label[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
}

/* ── Expiry section styles (for both desktop and mobile) ──── */

.expiry[b-pm2gus2guc] {
	position: relative !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	text-align: left;
	font-size: 14px;
	color: #ec571b !important;
	font-family: 'Open Sans';
	padding: 8px 0px;
	box-sizing: border-box;
	flex-wrap: nowrap !important;
}

.id-amount-expiry-cta .expiry[b-pm2gus2guc] {
	flex-direction: row !important;
	align-items: center !important;
}

.devicemobile-fidelityhigh .expiry[b-pm2gus2guc] {
	flex-direction: row !important;
	align-items: center !important;
}

.exclamation-triangle-fill-icon[b-pm2gus2guc] {
	width: 25.5px;
	height: 24px;
	position: relative;
	flex-shrink: 0;
}

.b[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
	flex-shrink: 0;
	color: #ec571b;
	font-weight: bold;
}

.chevron-right-icon[b-pm2gus2guc] {
	height: 24px;
	width: 24px;
	position: relative;
	flex-shrink: 0;
}

.expiry.expired-state[b-pm2gus2guc] {
	color: #bf0019;
}

.x-square-fill-icon[b-pm2gus2guc] {
	width: 24px;
	height: 24px;
	position: relative;
	flex-shrink: 0;
}

.expired-on-parent[b-pm2gus2guc] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
}

.expired-on[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #bf0019;
}

.december-2025[b-pm2gus2guc] {
	position: relative;
	line-height: 20px;
	color: #bf0019;
}

@media (max-width: 600px) {
    .hide-on-mobile[b-pm2gus2guc] {
        display: none !important;
    }
}
/* /Components/ListOfDwellingsComponent.razor.rz.scp.css */
.grant-application-summary-ho-[b-ojvxew04j6] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans';
}

.devicemobile-fidelityhigh[b-ojvxew04j6] {
    width: 100%;
    position: relative;
    background-color: #fff;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    font-size: 14px;
    color: #2c2c2c;
    padding: 16px;
}

.section-header[b-ojvxew04j6] {
	flex: 1;
	width: 100%;
	position: relative;
	border-radius: 6px 6px 0px 0px;
	background-color: #f4fbfa;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 12px 16px;
	text-align: left;
	font-size: 20px;
	color: #1b1451;
	font-family: 'Open Sans';
}

.type-here[b-ojvxew04j6] {
	flex: 1;
	position: relative;
	line-height: 24px;
}

.section-footer[b-ojvxew04j6] {
    width: 100%;
    position: relative;
    border-radius: 0px 0px 6px 6px;
    background-color: #fff;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    gap: 24px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    font-family: 'Open Sans';
}
.pagination[b-ojvxew04j6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pagination-buttons[b-ojvxew04j6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
.button-2[b-ojvxew04j6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    font-size: 16px;
    margin-top: 0;
    margin-left: auto;
}
.button2[b-ojvxew04j6] {
    width: 100%;
    max-width: 245px;
    align-self: stretch;
    border-radius: 6px;
    background-color: #39827d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    gap: 8px;
}
.apply-grant-btn[b-ojvxew04j6] {
    width: 245px;
    max-width: 100%;
}
.label[b-ojvxew04j6], .label2[b-ojvxew04j6] {
    color: #2c2c2c;
}

.pagination-button[b-ojvxew04j6] {
    height: 36px;
    width: 36px;
    border-radius: 6px;
    background-color: #39827d;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-sizing: border-box;
}
.pagination-button .label[b-ojvxew04j6] {
    color: #fff;
    font-weight: 600;
}
.pagination-button2[b-ojvxew04j6] {
    height: 36px;
    width: 36px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #39827d;
    color: #39827d;
}
.pagination-button2 .label2[b-ojvxew04j6] {
    color: #39827d;
    font-weight: 600;
}

@media (max-width: 600px) {
    .section-footer[b-ojvxew04j6] {
        flex-direction: column;
        gap: 10px;
    }
    .apply-grant-btn[b-ojvxew04j6] {
        width: 100% !important;
    }
    .button2[b-ojvxew04j6] {
        width: 100%;
        max-width: 100%;
    }
    .button-2[b-ojvxew04j6] {
        margin-top: 10px;
    }
}
/* /Components/NotificationList.razor.rz.scp.css */
.section-footer[b-t8sqwgjiuq] {
    width: 100%;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    gap: 24px;
    text-align: left;
    font-size: 12px;
    font-family: 'Open Sans';
}

.pagination[b-t8sqwgjiuq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pagination-buttons[b-t8sqwgjiuq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.pagination-button[b-t8sqwgjiuq] {
    height: 36px;
    width: 36px;
    border-radius: 6px;
    background-color: #39827d;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-sizing: border-box;
    cursor: pointer;
}

.pagination-button .label[b-t8sqwgjiuq] {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.pagination-button2[b-t8sqwgjiuq] {
    height: 36px;
    width: 36px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #39827d;
    color: #39827d;
    cursor: pointer;
}

.pagination-button2 .label2[b-t8sqwgjiuq] {
    color: #39827d;
    font-weight: 600;
    font-size: 14px;
}

.button[b-t8sqwgjiuq] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px 12px;
    background-color: transparent;
    color: #39827d;
    border: none;
}

.button .label2[b-t8sqwgjiuq] {
    color: #39827d;
    font-weight: 600;
    font-size: 14px;
}

@media (max-width: 600px) {
    .section-footer[b-t8sqwgjiuq] {
        flex-direction: column;
        gap: 10px;
    }
}
/* /Components/OrgDwellingComponent.razor.rz.scp.css */
/* ── Desktop row: visible by default, hidden on mobile ───────────────── */

/* ── Shared status indicator styles (used in both desktop and mobile) ── */

.status-indicator-circle[b-g7wbz3kbgo] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Draft */
.status-indicator-circle-child[b-g7wbz3kbgo] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #b8b8b8;
}

/* Application Submitted */
.status-indicator-circle-item[b-g7wbz3kbgo] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #bebd01;
}

/* Request for Payment Submitted */
.ellipse-div[b-g7wbz3kbgo] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #bebd01;
}

/* Application Cancelled */
.status-indicator-circle-child4[b-g7wbz3kbgo] {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #c70063;
}

.status-text[b-g7wbz3kbgo] {
    flex: 1;
    position: relative;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Desktop row ────────────────────────────────────────────────────── */

.org-dwelling-desktop[b-g7wbz3kbgo] {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 7px 24px 15px;
    min-height: 75px;
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans';
    cursor: pointer;
}

.address-mprn-status[b-g7wbz3kbgo] {
    align-self: stretch;
    display: grid;
    grid-template-columns: 110px 125px 220px 140px 150px 80px 100px;
    column-gap: 24px;
    align-items: center;
    box-sizing: border-box;
}

.xyz000001-wrapper[b-g7wbz3kbgo] {
    /* Allow grid to control width; ensure children cannot force wider columns */
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
    justify-self: stretch;
    overflow: hidden;
}

.div[b-g7wbz3kbgo] {
    position: relative;
    line-height: 20px;
}

.property-address2[b-g7wbz3kbgo] {
    /* Let grid column provide width; prevent inner content from expanding it */
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
    font-size: 16px;
    color: #39827d;
    overflow: hidden;
}

.label3[b-g7wbz3kbgo] {
    flex: 1;
    position: relative;
    line-height: 21px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.col-amount[b-g7wbz3kbgo] {
    padding-left: 30px !important;
}

.col-status[b-g7wbz3kbgo] {
    width: 170px;
    max-width: 170px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 8px 0;
    box-sizing: border-box;
    color: #2c2c2c;
    overflow: hidden;
}

.col-measures[b-g7wbz3kbgo] {
    justify-content: center;
}

/* ── Mobile card (hidden by default; shown via @media below) ────────── */

.org-dwelling-mobile[b-g7wbz3kbgo] {
    display: none;
    align-self: stretch;
    border-bottom: 1px solid #e2e2e2;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    font-size: 14px;
    cursor: pointer;
    color: #000;
    font-family: 'Open Sans';
}

.card-fields[b-g7wbz3kbgo] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.mprn-parent[b-g7wbz3kbgo] {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mprn[b-g7wbz3kbgo] {
    position: relative;
    line-height: 20px;
}

.property-address[b-g7wbz3kbgo] {
    align-self: stretch;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #39827d;
}

.type-here2[b-g7wbz3kbgo] {
    flex: 1;
    position: relative;
    line-height: 21px;
    font-weight: 600;
}

.col-status-mobile[b-g7wbz3kbgo] {
    align-self: stretch;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #2c2c2c;
}

/* ── Expiry section styles (applied to both desktop and mobile) ──── */

.expiry[b-g7wbz3kbgo] {
    height: 40px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
    gap: 4px;
    text-align: left;
    font-size: 14px;
    color: #ec571b;
    font-family: 'Open Sans';
}

.exclamation-triangle-fill-icon[b-g7wbz3kbgo] {
    height: 24px;
    width: 25.5px;
    position: relative;
    flex-shrink: 0;
}

.parent[b-g7wbz3kbgo] {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    flex-shrink: 0;
}

.b[b-g7wbz3kbgo] {
    position: relative;
    line-height: 20px;
}

.days[b-g7wbz3kbgo] {
    position: relative;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chevron-right-icon[b-g7wbz3kbgo] {
    height: 24px;
    width: 24px;
    position: relative;
    flex-shrink: 0;
}

.expiry.expired[b-g7wbz3kbgo] {
    height: 40px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 8px 0px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    color: #bf0019;
    font-family: 'Open Sans';
}

.x-square-fill-parent[b-g7wbz3kbgo] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.x-square-fill-icon[b-g7wbz3kbgo] {
    height: 24px;
    width: 24px;
    position: relative;
}

.expired[b-g7wbz3kbgo] {
    position: relative;
    line-height: 20px;
}

/* ── Responsive overrides (must be last to win the cascade) ─────────── */

@media (max-width: 859px) {
    .org-dwelling-desktop[b-g7wbz3kbgo] {
        display: none;
    }

    .org-dwelling-mobile[b-g7wbz3kbgo] {
        display: flex;
    }
}
/* /Components/OrgUserDwellingTableComponent.razor.rz.scp.css */
/* -- Container -- */

.container[b-la0ix5u98k] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Open Sans';
}

/* -- Section header -- */

.section-header[b-la0ix5u98k] {
    align-self: stretch;
    display: flex;
    align-items: center;
}

.section-header2[b-la0ix5u98k] {
    flex: 1;
    border-radius: 6px 6px 0px 0px;
    background-color: #f4fbfa;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    min-height: 82px;
}

.type-here[b-la0ix5u98k] {
    flex: 1;
    position: relative;
    line-height: 48px;
    font-size: 32px;
    color: #1b1451;
}

/* -- Card wrapper -- */

.grant-summary-card[b-la0ix5u98k] {
    align-self: stretch;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.grant-summary-card2[b-la0ix5u98k] {
    width: 100%;
    background-color: #fff;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* -- Desktop column headers -- */

.grant-details[b-la0ix5u98k] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
}

.dwelling-address[b-la0ix5u98k] {
    align-self: stretch;
    min-height: 82px;
    border-bottom: 1px solid #2c2c2c;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 24px;
}

.address-mprn-status[b-la0ix5u98k] {
    align-self: stretch;
    display: grid;
    grid-template-columns: 110px 125px 220px 140px 150px 80px 100px;
    column-gap: 24px;
    align-items: center;
    box-sizing: border-box;
}

/* Ensure row containers use the same inner padding as the header's .dwelling-address so grid tracks align */
:global(.org-dwelling-desktop .address-mprn-status)[b-la0ix5u98k] {
    padding: 20px 24px;
    box-sizing: border-box;
}

/* Force rows to use the exact same grid tracks as the headers so columns align */
:global(.org-dwelling-desktop .address-mprn-status)[b-la0ix5u98k] {
    display: grid !important;
    grid-template-columns: 110px 125px 220px 140px 150px 80px 100px !important;
    column-gap: 24px !important;
    align-items: center !important;
}

/* Apply the same grid to header variants and rows (global scope) */
:global(.grant-details .dwelling-address .address-mprn-status)[b-la0ix5u98k],
:global(.standard-headers .dwelling-address .address-mprn-status)[b-la0ix5u98k],
:global(.org-dwelling-desktop .address-mprn-status)[b-la0ix5u98k] {
    display: grid !important;
    grid-template-columns: 110px 125px 220px 140px 150px 80px 100px !important;
    column-gap: 24px !important;
    align-items: center !important;
    box-sizing: border-box;
}

/* Special case: DoW header uses different column widths to match DowDwellingComponent row sizing.
   Uses the dedicated "address-mprn-status-dow" class so we avoid being overridden by the generic grid rule. */
:global(.grant-details .dwelling-address .address-mprn-status-dow)[b-la0ix5u98k],
:global(.grant-details .dwelling-address .address-mprn-status-dow.dow-headers)[b-la0ix5u98k] {
    display: grid !important;
    /* Match DowDwellingComponent fixed widths: AppID / MPRN / Property / Expiry / Status / actions */
    grid-template-columns: 110px 110px 300px 110px 230px auto !important;
    column-gap: 24px !important;
    align-items: center !important;
    box-sizing: border-box;
}

/* Stronger selector for direct child use to prevent other rules from overriding grid definition */
:global(.grant-details .dwelling-address > .address-mprn-status-dow)[b-la0ix5u98k],
:global(.grant-details .dwelling-address > .address-mprn-status-dow.dow-headers)[b-la0ix5u98k] {
    display: grid !important;
    grid-template-columns: 110px 110px 300px 110px 230px auto !important;
    grid-auto-flow: column !important;
    column-gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
}

/* Reduce left padding on the expiry and status header cells so labels sit a bit further left */
:global(.grant-details .dwelling-address .address-mprn-status-dow > .xyz000001-wrapper:nth-child(4) .label)[b-la0ix5u98k],
:global(.grant-details .dwelling-address .address-mprn-status-dow > .container4 .label)[b-la0ix5u98k] {
    padding-left: 0 !important;
}

:global(.grant-details .dwelling-address .address-mprn-status > div)[b-la0ix5u98k],
:global(.standard-headers .dwelling-address .address-mprn-status > div)[b-la0ix5u98k],
:global(.org-dwelling-desktop .address-mprn-status > div)[b-la0ix5u98k] {
    box-sizing: border-box;
    padding: 8px 0;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    justify-self: stretch;
    width: 100%;
}

/* Replicate the same child rules for the DoW-specific header so items lay out in grid columns instead of stacking */
:global(.grant-details .dwelling-address .address-mprn-status-dow > div)[b-la0ix5u98k],
:global(.grant-details .dwelling-address .address-mprn-status-dow > .xyz000001-wrapper)[b-la0ix5u98k],
:global(.grant-details .dwelling-address .address-mprn-status-dow > .property-address)[b-la0ix5u98k],
:global(.grant-details .dwelling-address .address-mprn-status-dow > .container4)[b-la0ix5u98k] {
    box-sizing: border-box;
    padding: 8px 0;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    justify-self: stretch;
    width: 100%;
}


/* Column classes retained for semantic clarity; grid defines widths globally. */
:global(.col-appid)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-appid)[b-la0ix5u98k],
:global(.col-mprn)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-mprn)[b-la0ix5u98k],
:global(.col-property)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-property)[b-la0ix5u98k],
:global(.col-status)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-status)[b-la0ix5u98k],
:global(.col-expiry)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-expiry)[b-la0ix5u98k],
:global(.col-amount)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-amount)[b-la0ix5u98k] {
    box-sizing: border-box;
    min-width: 0;
}

/* Cap status column width and ensure its content truncates */
:global(.col-status)[b-la0ix5u98k],
:global(.org-dwelling-desktop .col-status)[b-la0ix5u98k] {
    width: 170px;
    max-width: 170px;
    min-width: 0;
    overflow: hidden;
}

/* Ensure status indicator content truncates and doesn't push the cell wider */
.status-indicator-circle[b-la0ix5u98k] {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
}

.status-indicator-circle > .status-text[b-la0ix5u98k],
.status-text[b-la0ix5u98k] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Row-specific: ensure status cell and its internals cannot force wider column */
:global(.org-dwelling-desktop .address-mprn-status .col-status)[b-la0ix5u98k],
:global(.org-dwelling-desktop .address-mprn-status .col-status .label)[b-la0ix5u98k],
:global(.org-dwelling-desktop .address-mprn-status .container4)[b-la0ix5u98k] {
    box-sizing: border-box;
    width: 170px !important;
    max-width: 170px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

:global(.org-dwelling-desktop .address-mprn-status .status-indicator-circle)[b-la0ix5u98k] {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

:global(.org-dwelling-desktop .address-mprn-status .status-indicator-circle .status-text)[b-la0ix5u98k] {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Strong enforcement for row children inside the org-dwelling rows so content cannot force cell widths */
:global(.org-dwelling-desktop .address-mprn-status > *)[b-la0ix5u98k] {
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    overflow: hidden !important;
}

/* Ensure known wrapper classes inside rows also cannot impose min-width */
:global(.org-dwelling-desktop .address-mprn-status .xyz000001-wrapper)[b-la0ix5u98k],
:global(.org-dwelling-desktop .address-mprn-status .property-address)[b-la0ix5u98k],
:global(.org-dwelling-desktop .address-mprn-status .container4)[b-la0ix5u98k] {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Ensure inner labels respect truncation */
:global(.address-mprn-status .label3)[b-la0ix5u98k] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Shared label style for column headers and pagination */
.label[b-la0ix5u98k] {
    position: relative;
    line-height: 21px;
    font-weight: 600;
    color: #2c2c2c;
}

.xyz000001-wrapper[b-la0ix5u98k] {
    /* width controlled by flex rules applied to header/row containers */
    width: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
}

.property-address[b-la0ix5u98k] {
    /* allow flex-based sizing; truncation handled by .label3 */
    width: auto;
    min-width: 0;
    display: block;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
}

.label3[b-la0ix5u98k] {
    display: block;
    position: relative;
    line-height: 21px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2c2c2c;
    max-width: 100%;
}

.container4[b-la0ix5u98k] {
    /* width controlled by flex rules applied to header/row containers */
    width: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
}

/* -- Loading / empty state -- */

.state-row[b-la0ix5u98k] {
    width: 100%;
    padding: 24px;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    font-size: 14px;
    color: #2c2c2c;
}

/* -- Section footer -- */

.section-footer[b-la0ix5u98k] {
    width: 100%;
    border-radius: 0px 0px 6px 6px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    gap: 16px;
    font-family: 'Open Sans';
    font-size: 14px;
}

/* -- Pagination (mirrors ListOfDwellingsComponent) -- */

.pagination[b-la0ix5u98k] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-buttons[b-la0ix5u98k] {
    display: flex;
    gap: 4px;
}

.pagination-button[b-la0ix5u98k] {
    height: 36px;
    width: 36px;
    border-radius: 6px;
    background-color: #39827d;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-sizing: border-box;
    cursor: pointer;
}

.pagination-button .label[b-la0ix5u98k] {
    color: #fff;
    font-weight: 600;
}

.pagination-button2[b-la0ix5u98k] {
    height: 36px;
    width: 36px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #39827d;
    cursor: pointer;
}

.label2[b-la0ix5u98k] {
    color: #39827d;
    font-weight: 600;
}

.show-all[b-la0ix5u98k] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    cursor: pointer;
    white-space: nowrap;
    color: #2c2c2c;
}

.apply-btn-wrapper[b-la0ix5u98k] {
    display: flex;
    align-items: center;
}

/* -- Backdrop for the row-level actions menu (rendered in the table) -- */

.actions-menu-backdrop[b-la0ix5u98k] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

/* -- Spacer aligns header with the component's action buttons column -- */

.actions-spacer[b-la0ix5u98k] {
    flex: 1;
}

/* -- Footer -- */

.historical-btn-wrapper[b-la0ix5u98k] {
    display: flex;
    align-items: center;
}


/* ── Senior Admin column header extras ───────────────────────── */

/* Shared grid row used by both the header and each data row */
.sa-row-grid[b-la0ix5u98k] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
}

.sa-col-id[b-la0ix5u98k] {
    width: 125px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-col-mprn[b-la0ix5u98k] {
    width: 120px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-col-property[b-la0ix5u98k] {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
    min-width: 0;
}

.sa-col-expiry[b-la0ix5u98k] {
    width: 100px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-col-measures[b-la0ix5u98k] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

/* Hide the senior admin desktop header row on mobile */
.sa-headers[b-la0ix5u98k] {
    display: none;
}

@media (min-width: 860px) {
    .sa-headers[b-la0ix5u98k] {
        display: flex;
    }
}

/* ── Responsive adjustments ──────────────────────────────────── */

@media (max-width: 859px) {
    .grant-details[b-la0ix5u98k] {
        display: none;
    }

    .section-header2[b-la0ix5u98k] {
        padding: 12px 16px;
        min-height: unset;
        align-items: flex-start;
        justify-content: center;
    }

    .type-here[b-la0ix5u98k] {
        font-size: 20px;
        line-height: 24px;
    }

    .section-footer[b-la0ix5u98k] {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .apply-btn-wrapper[b-la0ix5u98k] {
        width: 100%;
        justify-content: center;
    }
}

/* /Components/PromoBannerComponent.razor.rz.scp.css */
.promo-banner[b-cd8n95ixmt] {
    width: 100%;
    height: 100%;
    padding: 16px;
    background: radial-gradient(ellipse 54.62% 54.40% at 60.34% 46.37%, #2E5791 0%, #2C2863 100%);
    border-radius: 6px;
    outline: 1px var(--Neutral-Greys-Grey_04, #E2E2E2) solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.promo-banner-content[b-cd8n95ixmt] {
    align-self: stretch;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
    display: flex;
    overflow: hidden;
    padding-bottom: 0;
}
.promo-banner-title[b-cd8n95ixmt] {
    flex: 1 1 0;
    color: white;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    word-wrap: break-word;
}
.promo-banner-desc[b-cd8n95ixmt] {
    align-self: stretch;
    height: 63px;
}
.promo-banner-desc-text[b-cd8n95ixmt] {
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
}
.promo-banner-img[b-cd8n95ixmt] {
    width: 164.83px;
    height: 92px;
    right: 25%;
    left: auto;
    bottom: 0;
    position: absolute;
    z-index: 1;
    object-fit: contain;
    box-sizing: border-box;
}
@media (max-width: 600px) {
    .promo-banner[b-cd8n95ixmt] {
        min-height: 200px;
        padding-bottom: 56px;
    }
    .promo-banner-img[b-cd8n95ixmt] {
        right: 5%;
    }
    .promo-banner-desc[b-cd8n95ixmt] {
        height: 85px;
    }
}
/* /Components/SEAI/Buttons/SeaiButtonDestructiveFillComponent.razor.rz.scp.css */
.button[b-x1md6p11au] {
	border: none;
	outline: none;
	font-family: "Open Sans";
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 6px;
	background-color: #da001d !important;
	box-sizing: border-box;
	gap: 8px;
	text-align: left;
	color: #fff;
}
/* Hover color parity with green fill (darker shade) */
.button:hover[b-x1md6p11au] {
  background-color: #b30018 !important;
}

/* Disabled state */
.button:disabled[b-x1md6p11au],
.button[disabled][b-x1md6p11au] {
	background-color: #da001d !important;
	color: #fff !important;
	cursor: not-allowed;
	opacity: 0.55;
}
.button:disabled:hover[b-x1md6p11au],
.button[disabled]:hover[b-x1md6p11au] {
	background-color: #da001d !important;
}

/* Size parity */
.button.size-large[b-x1md6p11au] {
	width: 125px;
	height: 50px;
	padding: 16px 24px;
	font-size: 16px;
}

.button.size-medium[b-x1md6p11au] {
	width: 107px;
	height: 38px;
	padding: 10px 12px 10px 16px;
	font-size: 16px;
}

.button.size-small[b-x1md6p11au] {
	width: 89px;
	height: 34px;
	padding: 8px 12px;
	font-size: 14px;
	gap: 8px;
}

.button.size-xs[b-x1md6p11au] {
	width: 83px;
	height: 25px;
	padding: 2px 12px;
	font-size: 14px;
	gap: 2px;
	border-radius: 12px !important;
}

/* Chevron/icon sizing by size */
.button .chevron-icon[b-x1md6p11au] { position: relative; }
.button.size-large .chevron-icon[b-x1md6p11au] { height: 18px; width: 18px; }
.button.size-medium .chevron-icon[b-x1md6p11au] { height: 16px; width: 16px; }
.button.size-small .chevron-icon[b-x1md6p11au], .button.size-xs .chevron-icon[b-x1md6p11au] { height: 12px; width: 12px; }

/* Optional hidden chevron-left container */
.button .chevron-left[b-x1md6p11au] { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; }

/* Button text line-height */
.button .button-text[b-x1md6p11au] { position: relative; line-height: 18px; }

.button.center-content[b-x1md6p11au] {
  justify-content: center;
}

[b-x1md6p11au].button:not([disabled]) .icon-move {
	transition: transform 0.15s ease;
}

[b-x1md6p11au].button:not([disabled]):hover .icon-move {
	transform: translateX(4px);
}
/* /Components/SEAI/Buttons/SeaiButtonDestructiveOutlineComponent.razor.rz.scp.css */
.button[b-72l7h7t5wg] {
	border: 1px solid #da001d;
	outline: none;
	font-family: "Open Sans";
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
	gap: 8px;
	text-align: left;
	color: #da001d;
}
/* Hover state parity with green outline */
.button:hover[b-72l7h7t5wg] {
	border-color: #a40017 !important;
	color: #a40017 !important;
}

/* Disabled state */
.button:disabled[b-72l7h7t5wg],
.button[disabled][b-72l7h7t5wg] {
	border-color: #da001d !important;
	color: #da001d !important;
	background-color: #fff !important;
	cursor: not-allowed;
	opacity: 0.55;
}
.button:disabled:hover[b-72l7h7t5wg],
.button[disabled]:hover[b-72l7h7t5wg] {
	border-color: #da001d !important;
	color: #da001d !important;
	background-color: #fff !important;
}

/* Size parity */
.button.size-large[b-72l7h7t5wg] {
	width: 125px;
	height: 50px;
	padding: 16px 24px;
	font-size: 16px;
}

.button.size-medium[b-72l7h7t5wg] {
	width: 107px;
	height: 38px;
	padding: 10px 12px 10px 16px;
	font-size: 16px;
}

.button.size-small[b-72l7h7t5wg] {
	width: 89px;
	height: 34px;
	padding: 8px 12px;
	font-size: 14px;
	gap: 8px;
}

.button.size-xs[b-72l7h7t5wg] {
	width: 83px;
	height: 25px;
	padding: 2px 12px;
	font-size: 14px;
	gap: 2px;
	border-radius: 12px !important;
}

/* Chevron/icon sizing by size */
.button .chevron-icon[b-72l7h7t5wg] { position: relative; }
.button.size-large .chevron-icon[b-72l7h7t5wg] { height: 18px; width: 18px; }
.button.size-medium .chevron-icon[b-72l7h7t5wg] { height: 16px; width: 16px; }
.button.size-small .chevron-icon[b-72l7h7t5wg], .button.size-xs .chevron-icon[b-72l7h7t5wg] { height: 12px; width: 12px; }

/* Optional hidden chevron-left container */
.button .chevron-left[b-72l7h7t5wg] { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; }

/* Button text line-height */
.button .button-text[b-72l7h7t5wg] { position: relative; line-height: 18px; }
.button.center-content[b-72l7h7t5wg] {
	justify-content: center;
}

[b-72l7h7t5wg].button:not([disabled]) .icon-move {
	transition: transform 0.15s ease;
}

[b-72l7h7t5wg].button:not([disabled]):hover .icon-move {
	transform: translateX(4px);
}
/* /Components/SEAI/Buttons/SeaiButtonGreenFillComponent.razor.rz.scp.css */
.button[b-z31mqrjqpy] {
	border: none;
	outline: none;
	font-family: "Open Sans";
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 6px;
	background-color: #39827d !important;
	box-sizing: border-box;
	gap: 8px;
	text-align: left;
	color: #fff;
}
/* Ensure hover background color applies to all sizes */
.button:hover[b-z31mqrjqpy] {
  background-color: #2f6c67 !important;
}

/* Disabled state */
.button:disabled[b-z31mqrjqpy],
.button[disabled][b-z31mqrjqpy] {
	background-color: #39827d !important;
	color: #fff !important;
	cursor: not-allowed;
	opacity: 0.55;
}
.button:disabled:hover[b-z31mqrjqpy],
.button[disabled]:hover[b-z31mqrjqpy] {
	background-color: #39827d !important;
}

/* Large size - restore previous fixed width/height */
.button.size-large[b-z31mqrjqpy] {
	width: 125px;
	height: 50px;
	padding: 16px 24px;
	font-size: 16px;
}

/* Medium size - restore previous fixed width/height */
.button.size-medium[b-z31mqrjqpy] {
	width: 107px;
	height: 38px;
	padding: 10px 12px 10px 16px;
	font-size: 16px;
}

/* Small size */
.button.size-small[b-z31mqrjqpy] {
	width: 89px;
	height: 34px;
	padding: 8px 12px;
	font-size: 14px;
	gap: 8px;
}

/* Extra small size */
.button.size-xs[b-z31mqrjqpy] {
	width: 83px;
	height: 25px;
	padding: 2px 12px;
	font-size: 14px;
	gap: 2px;
	border-radius: 12px !important;
}

/* Chevron/icon sizing by size */
.button .chevron-icon[b-z31mqrjqpy] {
	position: relative;
}
.button.size-large .chevron-icon[b-z31mqrjqpy] {
	height: 18px;
	width: 18px;
}
.button.size-medium .chevron-icon[b-z31mqrjqpy] {
	height: 16px;
	width: 16px;
}
.button.size-small .chevron-icon[b-z31mqrjqpy],
.button.size-xs .chevron-icon[b-z31mqrjqpy] {
	height: 12px;
	width: 12px;
}

/* Optional hidden chevron-left container (not rendered but keeping parity) */
.button .chevron-left[b-z31mqrjqpy] {
	height: 12px;
	width: 12px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	display: none;
}

/* Button text line-height */
.button .button-text[b-z31mqrjqpy] {
	position: relative;
	line-height: 18px;
}
.button.center-content[b-z31mqrjqpy] {
  justify-content: center;
}

[b-z31mqrjqpy].button:not([disabled]) .icon-move {
	transition: transform 0.15s ease;
}

[b-z31mqrjqpy].button:not([disabled]):hover .icon-move {
	transform: translateX(4px);
}
/* /Components/SEAI/Buttons/SeaiButtonGreenOutlineComponent.razor.rz.scp.css */
.button[b-8fsdwmrliq] {
	border: 1px solid #39827d;
	outline: none;
	font-family: "Open Sans";
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
	gap: 8px;
	text-align: left;
	color: #39827d;
}
	/* Hover should match outlined design colors */
	.button:hover[b-8fsdwmrliq] {
		border-color: #2f6c67 !important;
		color: #2f6c67 !important;
	}

	/* Disabled state (outlined) */
	.button:disabled[b-8fsdwmrliq],
	.button[disabled][b-8fsdwmrliq] {
		border-color: #39827d !important;
		color: #39827d !important;
		background-color: #fff !important;
		cursor: not-allowed;
		opacity: 0.55;
	}
	.button:disabled:hover[b-8fsdwmrliq],
	.button[disabled]:hover[b-8fsdwmrliq] {
		border-color: #39827d !important;
		color: #39827d !important;
		background-color: #fff !important;
	}

	/* Large size - restore previous fixed width/height */
	.button.size-large[b-8fsdwmrliq] {
		width: 125px;
		height: 50px;
		padding: 16px 24px;
		font-size: 16px;
	}

	/* Medium size - restore previous fixed width/height */
	.button.size-medium[b-8fsdwmrliq] {
		width: 107px;
		height: 38px;
		padding: 10px 12px 10px 16px;
		font-size: 16px;
	}

	/* Small size */
	.button.size-small[b-8fsdwmrliq] {
		width: 89px;
		height: 34px;
		padding: 8px 12px;
		font-size: 14px;
		gap: 8px;
	}

	/* Extra small size */
	.button.size-xs[b-8fsdwmrliq] {
		width: 83px;
		height: 25px;
		padding: 2px 12px;
		font-size: 14px;
		gap: 2px;
		border-radius: 12px !important;
	}

	/* Chevron/icon sizing by size */
	.button .chevron-icon[b-8fsdwmrliq] {
		position: relative;
	}

	.button.size-large .chevron-icon[b-8fsdwmrliq] {
		height: 18px;
		width: 18px;
	}

	.button.size-medium .chevron-icon[b-8fsdwmrliq] {
		height: 16px;
		width: 16px;
	}

	.button.size-small .chevron-icon[b-8fsdwmrliq],
	.button.size-xs .chevron-icon[b-8fsdwmrliq] {
		height: 12px;
		width: 12px;
	}

	/* Optional hidden chevron-left container (not rendered but keeping parity) */
	.button .chevron-left[b-8fsdwmrliq] {
		height: 12px;
		width: 12px;
		position: relative;
		overflow: hidden;
		flex-shrink: 0;
		display: none;
	}

	/* Button text line-height */
	.button .button-text[b-8fsdwmrliq] {
		position: relative;
		line-height: 18px;
	}

.button.center-content[b-8fsdwmrliq] {
  justify-content: center;
}

[b-8fsdwmrliq].button:not([disabled]) .icon-move {
	transition: transform 0.15s ease;
}

[b-8fsdwmrliq].button:not([disabled]):hover .icon-move {
	transform: translateX(4px);
}
/* /Components/SEAI/SeaiBackLinkComponent.razor.rz.scp.css */
.container[b-q787fwti6o] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	font-size: 16px;
	color: #2c2c2c;
	font-family: 'Open Sans';
}

.back-button[b-q787fwti6o] {
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.back-button:hover[b-q787fwti6o] {
	cursor: pointer;
}

.back-button-child[b-q787fwti6o] {
	height: 19.5px;
	width: 11px;
	position: relative;
}

.back[b-q787fwti6o] {
	height: 29px;
	width: 36px;
	position: relative;
	text-decoration: underline;
	line-height: 24px;
	display: inline-block;
	flex-shrink: 0;
}
/* /Components/SEAI/SeaiBerIconComponent.razor.rz.scp.css */
.ber-assessment-35[b-nlwuzkbrg2] {
	height: 35px;
	width: 100%;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	text-align: center;
	font-size: 11px;
	color: #06ae99;
}

.comfort[b-nlwuzkbrg2] {
	position: absolute;
	height: 71.43%;
	top: 12.68%;
	bottom: 15.89%;
	left: calc(50% - 10.31px);
	width: 22px;
}

.ber[b-nlwuzkbrg2] {
	position: absolute;
	top: 14.06px;
	left: -0.62px;
	display: inline-block;
	width: 23.3px;
	height: 14.5px;
	flex-shrink: 0;
}

.comfort-child[b-nlwuzkbrg2] {
	position: absolute;
	height: 54.4%;
	width: 105.91%;
	top: 9.78%;
	right: -3.07%;
	bottom: 35.82%;
	left: -2.84%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	flex-shrink: 0;
}
/* /Components/SEAI/SeaiButtonWithIconComponent.razor.rz.scp.css */
/* /Components/SEAI/SeaiCardWithTitleButtonAndIconComponent.razor.rz.scp.css */
.title-logo-1-parent[b-1pwypb5xaz] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	background-color: #f4fbfa;
	border: 1px solid #2f6c67;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	padding: 12px 16px;
	gap: 12px;
	text-align: left;
	font-size: 14px;
	color: #000;
	min-height: 85px;
}

.title-logo-1[b-1pwypb5xaz] {
	height: 24px;
	width: 24px;
	position: relative;
	object-fit: cover;
}

.title-parent[b-1pwypb5xaz] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.title[b-1pwypb5xaz] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
}

.div[b-1pwypb5xaz] {
	align-self: stretch;
	position: relative;
	font-size: 11px;
	line-height: 16px;
}

.primary-address-parent[b-1pwypb5xaz] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	font-size: 20px;
	color: #000;
}

.primary-address[b-1pwypb5xaz] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 5%;
}

.payment-details[b-1pwypb5xaz] {
	align-self: stretch;
	width: 100%;
	position: relative;
	font-size: 20px !important;
	line-height: 24px !important;
	color: #000;
	text-align: left;
	display: inline-block;
}
/* /Components/SEAI/SeaiChangePasswordComponent.razor.rz.scp.css */
.primary-address[b-mx2w3e2hil] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 5%; /* Reduced vertical padding for desktop */
    max-width: 570px;
}

@media (max-width: 600px) {
    .primary-address[b-mx2w3e2hil] {
        padding: 5%; /* Keep original padding for mobile */
        max-width: none;
    }
}

.payment-details[b-mx2w3e2hil] {
    align-self: stretch;
    width: 100%;
    position: relative;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000;
    text-align: left;
    display: inline-block;
}

.password-info[b-mx2w3e2hil] {
    align-self: stretch;
    position: relative;
    line-height: 18px;
}

.button[b-mx2w3e2hil] {
    border-radius: 6px;
    background-color: #39827d;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    gap: 8px;
    font-size: 16px;
    color: #fff;
}

.button-text[b-mx2w3e2hil] {
    position: relative;
    line-height: 18px;
}

.chevron-icon[b-mx2w3e2hil] {
    height: 18px;
    width: 18px;
    position: relative;
}
/* /Components/SEAI/SeaiDropdownMenuComponent.razor.rz.scp.css */
.seai-dropdown-trigger[b-y019tyeo0i] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    padding: 2px 6px;
    display: inline-flex;
    align-items: center;
    color: #333;
    transition: background 150ms;
}

.seai-dropdown-trigger:hover[b-y019tyeo0i] {
    background: #f3f4f6;
}
/* /Components/SEAI/SeaiErrorToastComponent.razor.rz.scp.css */
.seai-error-toast[b-z7wzoyow8k] {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    pointer-events: auto;

    width: 100%;
    max-width: 400px;
    border-radius: 6px;
    background-color: #fde8e8;
    border: 1px solid #c0392b;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0;
    text-align: left;
    font-size: 14px;
    color: #5c1010;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    animation: seaiErrorToastFadeIn-b-z7wzoyow8k 0.25s ease;
}

.seai-error-toast--fading[b-z7wzoyow8k] {
    animation: seaiErrorToastFadeOut-b-z7wzoyow8k 0.5s ease forwards;
}

@keyframes seaiErrorToastFadeIn-b-z7wzoyow8k {
    from { opacity: 0; transform: translateX(-50%) translateY(-8px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0);    }
}

@keyframes seaiErrorToastFadeOut-b-z7wzoyow8k {
    from { opacity: 1; transform: translateX(-50%) translateY(0);     }
    to   { opacity: 0; transform: translateX(-50%) translateY(-8px);  }
}

.seai-error-toast__wrap[b-z7wzoyow8k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.seai-error-toast__icon[b-z7wzoyow8k] {
    width: 16px;
    height: 16px;
    position: relative;
    color: #c0392b;
}

.seai-error-toast__message[b-z7wzoyow8k] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.seai-error-toast__close[b-z7wzoyow8k] {
    height: 24px;
    width: 24px;
    cursor: pointer;
    flex-shrink: 0;
}
/* /Components/SEAI/SeaiFileUploadComponent.razor.rz.scp.css */
.seai-file-upload[b-6pn609oavn] {
    border-radius: 6px;
    background-color: #f4fbfa;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 16px;
    font-family: 'Open Sans', sans-serif;
}

.seai-file-upload-dropzone[b-6pn609oavn] {
    align-self: stretch;
    min-height: 200px;
    border-radius: 6px;
    border: 1px dashed #39827d;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    gap: 16px;
    transition: background-color 0.2s;
}

.seai-file-upload-dropzone.drag-over[b-6pn609oavn] {
    background-color: #e0f5f3;
}

.seai-file-upload-dropzone[b-6pn609oavn]  .upload-icon {
    font-size: 24px;
    color: #39827d;
}

.dropzone-text[b-6pn609oavn] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.dropzone-title[b-6pn609oavn] {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #2c2c2c;
}

.file-constraints[b-6pn609oavn] {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 12px;
    color: #000;
}

.seai-file-upload-file-info[b-6pn609oavn] {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 14px;
    color: #000;
}

.file-name[b-6pn609oavn] {
    flex: 1;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-6pn609oavn] .file-success-icon {
    color: #06ae99;
    font-size: 24px;
    flex-shrink: 0;
}

.seai-file-upload-progress[b-6pn609oavn] {
    align-self: stretch;
    height: 12px;
    position: relative;
}

.progress-track[b-6pn609oavn] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 12px;
    border-radius: 6px;
    background-color: #707070;
}

.progress-bar[b-6pn609oavn] {
    height: 12px;
    border-radius: 6px;
    background-color: #06ae99;
    transition: width 0.3s ease;
}
/* /Components/SEAI/SeaiFooter.razor.rz.scp.css */
.footer-logo[b-odrdikws46] {
	margin-top: 16px;
	display: block;
	height: 63.31px !important;
	width: 182px !important;
}

.seai-footer-link[b-odrdikws46] {
	color: white;
	margin: 0;
	font-size: 1rem;
	text-align: center;
	cursor: pointer;
	text-decoration: none; /* Remove underline */
}

.seai-footer-link:hover[b-odrdikws46],
.seai-footer-link:focus[b-odrdikws46] {
	text-decoration: none; /* Ensure no underline on hover/focus */
}

.seai-footer-copy[b-odrdikws46] {
	color: white;
	margin: 0;
	font-size: 1rem;
	text-align: center;
	padding-bottom: 0.1rem;
}

.seai-footer-container[b-odrdikws46] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 1rem 0.75rem;
	max-width: 1200px;
	margin: 0 auto;
}

.seai-footer-middle[b-odrdikws46] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

@media (min-width: 992px) {
	.footer-logo[b-odrdikws46] {
		height: 79.32px !important;
		width: 228px !important;
	}

	.seai-footer-container[b-odrdikws46] {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 1.5rem; /* spacing between sections */
	}

	.seai-footer-link[b-odrdikws46],
	.seai-footer-copy[b-odrdikws46] {
		text-align: left;
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {
	.seai-footer-container[b-odrdikws46] {
		flex-direction: row;
		justify-content: center; /* center sections, avoid edge hugging */
		align-items: center;
		gap: 2rem; /* spacing between left/middle/right */
	}

	.seai-footer-left[b-odrdikws46],
	.seai-footer-middle[b-odrdikws46],
	.seai-footer-right[b-odrdikws46] {
		flex: 0 1 auto;
		padding: 0 1rem; /* internal padding per section to keep away from edges */
	}

	.seai-footer-left[b-odrdikws46] {
		display: flex;
		justify-content: flex-start;
	}

	.seai-footer-middle[b-odrdikws46] {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
		flex-wrap: nowrap;
		flex-direction: row;
	}

	.seai-footer-right[b-odrdikws46] {
		display: flex;
		justify-content: flex-end;
	}
}
/* /Components/SEAI/SeaiFormFieldComponent.razor.rz.scp.css */
.label-parent[b-4v7l5501hg] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.label[b-4v7l5501hg] {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.label2[b-4v7l5501hg] {
    flex: 1;
    display: flex;
    align-items: center;
}

.label-text[b-4v7l5501hg] {
    flex: 1;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
}

.input-analyzer-wrapper[b-4v7l5501hg] {
    position: relative;
    width: 100%;
}

.content[b-4v7l5501hg] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    box-sizing: border-box;
    height: 48px;
    padding: 0 12px;
    transition: border-color 0.2s;
}

.content:focus-within[b-4v7l5501hg] {
    border-color: #39827d;
}

.content-disabled[b-4v7l5501hg] {
    background-color: #f1f1f1;
    pointer-events: none;
}

/* Strip browser defaults from any <input> rendered inside the slot */
[b-4v7l5501hg] .form-control {
    font-size: 16px;
    border: none;
    box-shadow: none;
    background: transparent;
    color: #2c2c2c;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 6px;
    padding: 0;
    margin: 0;
    display: block;
    appearance: none;
}

[b-4v7l5501hg] input.form-control,
[b-4v7l5501hg] input[type="date"].form-control {
    width: 100%;
    height: 100%;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    color: #2c2c2c;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
/* /Components/SEAI/SeaiGlobalNavDropdownCardComponent.razor.rz.scp.css */
.navigation-list[b-m48wjrvcxb] {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
	text-align: center;
	font-size: 16px;
	color: #1b1451;
	font-family: 'Open Sans';
}

.overview[b-m48wjrvcxb] {
	position: relative;
	line-height: 24px;
}

.profile-menu[b-m48wjrvcxb] {
	width: 320px;
	position: relative;
	border-radius: 6px;
	background-color: #f1f1f1;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	gap: 0px;
	text-align: center;
	font-size: 14px;
	color: #2c2c2c;
	font-family: 'Open Sans';
	position: relative;
	cursor: pointer;
}

@media only screen and (max-width: 1024px) {
	.profile-menu[b-m48wjrvcxb] {
		width: 100% !important;
		max-width: 320px;
	}
}

.profile-container[b-m48wjrvcxb] {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
}

.avatar[b-m48wjrvcxb] {
	height: 36px;
	width: 36px;
	position: relative;
	cursor: pointer;
}

.subtract-icon[b-m48wjrvcxb] {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 36px;
	height: 36px;
}

.mb[b-m48wjrvcxb] {
	position: absolute;
	width: 100%;
	top: 22.22%;
	left: 0%;
	line-height: 20px;
	display: inline-block;
}

.profile-details[b-m48wjrvcxb] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	text-align: left;
	font-size: 16px;
	color: #1b1451;
}

.profile-name[b-m48wjrvcxb] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
}

.contractor-admin[b-m48wjrvcxb] {
	align-self: stretch;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	color: #000;
}

.dropdown-arrow-icon[b-m48wjrvcxb] {
	height: 16px;
	width: 16px;
	position: relative;
}

.initials[b-m48wjrvcxb] {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid #B8B8B8;
	background-color: #ECECF3;
	color: #1B1451;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
}

.gnav-sub-menu[b-m48wjrvcxb] {
	position: absolute;
	top: 100%;
	left: 0px;
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

/* Admin nested submenu */
.admin-sub-menu[b-m48wjrvcxb] {
	position: absolute;
	top: 75%;
	right: 100%;
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	min-width: 250px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.listgroupitems[b-m48wjrvcxb] {
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 8px 16px;
	cursor: pointer;
	flex-shrink: 0;
	width: 100%;
	transition: opacity 300ms;
	opacity: 1;
}

.listgroupitems:hover[b-m48wjrvcxb], .listgroupitems:focus-within[b-m48wjrvcxb] {
	background: #f3f4f6;
	opacity: 0.7;
}

.itemtext[b-m48wjrvcxb] {
	flex: 1;
	display: flex;
	align-items: flex-start;
}

.list-item[b-m48wjrvcxb] {
	position: relative;
	line-height: 20px;
}

.notification-bell-container[b-m48wjrvcxb] {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.notification-badge[b-m48wjrvcxb] {
	position: absolute;
	top: -8px;
	right: -8px;
	background-color: #d32f2f;
	color: white;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	border: 2px solid white;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	min-width: 24px;
	text-align: center;
	padding: 0;
}
}
/* /Components/SEAI/SeaiInvitationAcceptedComponent.razor.rz.scp.css */
.thank-you-accepting-this-invit-parent[b-jggcnmjuxl] {
	width: 1170px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	font-size: 14px;
	color: #000;
}

.thank-you-accepting-container[b-jggcnmjuxl] {
	width: 571px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	display: flex;
	align-items: center;
	font-family: 'Open Sans';
	margin-bottom: 40px;
	max-width: 100%;
}

.thank-you-accepting-container2[b-jggcnmjuxl] {
	width: 100%;
}
/* /Components/SEAI/SeaiLabelCardComponent.razor.rz.scp.css */
.frame-parent[b-zqc32w91wc] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	background-color: #f4fbfa;
	border: 1px solid #2f6c67;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
	gap: 12px;
	text-align: left;
	font-size: 16px;
	color: #000;
}

.account-name-parent[b-zqc32w91wc] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.account-name[b-zqc32w91wc] {
	align-self: stretch;
	position: relative;
	line-height: 21px;
	font-weight: 600;
}

.acc-value-name[b-zqc32w91wc] {
	align-self: stretch;
	position: relative;
	font-size: 14px;
	line-height: 20px;
}
/* /Components/SEAI/SeaiMarketingPreferencesComponent.razor.rz.scp.css */
.primary-address[b-55tjm7c041] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 5%; /* Reduced vertical padding for desktop */
}

@media (max-width: 600px) {
    .primary-address[b-55tjm7c041] {
        padding: 5%; /* Keep original padding for mobile */
    }
}

.payment-details[b-55tjm7c041] {
    align-self: stretch;
    width: 100%;
    position: relative;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000;
    text-align: left;
    display: inline-block;
}

.opt-in-checkbox[b-55tjm7c041] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans';
}

.icon[b-55tjm7c041] {
    display: flex;
    align-items: center;
    padding: 0 8px 0 0;
    cursor: pointer;
}

.checkbox-iconschecked[b-55tjm7c041] {
    height: 16px;
    width: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkbox-iconschecked-child[b-55tjm7c041] {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 2px;
    background-color: #1b1451;
    width: 16px;
    height: 16px;
    z-index: 1;
}

/* ::deep for RadzenIcon and Blazor elements */
[b-55tjm7c041] .check-icon {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
}

.label[b-55tjm7c041] {
    flex: 1;
    position: relative;
    line-height: 20px;
}
/* /Components/SEAI/SeaiOrgCardComponent.razor.rz.scp.css */
.company-org-card[b-jytz95bia1] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
	text-align: left;
	font-size: 12px;
	color: #2c2c2c;
	font-family: 'Open Sans';
   max-width: 570px;
	min-height: 100px;
	height: auto;
}

.avatar-parent[b-jytz95bia1] {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	flex-shrink: 0;
}


.org-name-parent[b-jytz95bia1] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.org-name[b-jytz95bia1] {
	align-self: stretch;
	height: 28px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 0;
}

.description-services[b-jytz95bia1] {
	width: 100%;
	max-width: 420px;
	position: relative;
	line-height: 18px;
	display: flex;
	align-items: center;
}

.registration-parent[b-jytz95bia1] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
}

.registration[b-jytz95bia1] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	font-weight: 600;
	font-size: 16px;
}

.frame-parent[b-jytz95bia1] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 12px;
}

.frame-wrapper[b-jytz95bia1] {
	width: 125px;
	display: flex;
	align-items: center;
}

.registration-date-wrapper[b-jytz95bia1] {
	display: flex;
	align-items: flex-start;
}

.registration-date[b-jytz95bia1] {
	position: relative;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}

.frame-container[b-jytz95bia1] {
	display: flex;
	align-items: center;
}

.telephone-parent[b-jytz95bia1] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.div[b-jytz95bia1] {
	position: relative;
	line-height: 18px;
}

.initials[b-jytz95bia1] {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid #B8B8B8;
	background-color: #ECECF3;
	color: #1B1451;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
}
/* /Components/SEAI/SeaiOrgCardListComponent.razor.rz.scp.css */
.primary-address[b-2kzy7x2fz6] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 20px 20px 20px 0;
}

.container[b-2kzy7x2fz6] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 16px;
	font-size: 14px;
	color: #2c2c2c;
}
/* /Components/SEAI/SeaiOrgInviteAcceptComponent.razor.rz.scp.css */
.a-6-digit-verification-code-ha-parent[b-l7tnfc4mp3] {
	position: relative;
	border-radius: 6px;
	background-color: #f4fbfa;
	border: 1px solid #2f6c67;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	gap: 24px;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans';
	margin-bottom: 40px;
}

.a-6-digit[b-l7tnfc4mp3] {
	width: 571px;
	position: relative;
	line-height: 20px;
	display: flex;
	align-items: center;
	max-width: fit-content;
}

.verification-field-parent[b-l7tnfc4mp3] {
	display: flex;
	justify-content: start;
	align-items: start;
	text-align: center;
	font-size: 24px;
	flex-direction: column;
	gap: 16px;
}

.verify-field-row[b-l7tnfc4mp3] {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.verification-field[b-l7tnfc4mp3] {
	width: 40px;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;

	input {
		border: none;
		background: none;
		outline: none;
		width: 100%;
		text-align: center;
		font-size: 24px;
		font-family: 'Open Sans';
	}
}

.text[b-l7tnfc4mp3] {
	align-self: stretch;
	position: relative;
	letter-spacing: -0.25px;
	line-height: 36px;
}

.button[b-l7tnfc4mp3] {
	border-radius: 6px;
	background-color: #39827d;
	display: flex;
	align-items: center;
	padding: 16px 24px;
	gap: 8px;
	font-size: 16px;
	color: #fff;
}

.remove[b-l7tnfc4mp3] {

}

.button2[b-l7tnfc4mp3] {
	position: relative;
	line-height: 18px;
}

.chevron-right-icon[b-l7tnfc4mp3] {
	height: 18px;
	width: 18px;
	position: relative;
}

.the-code-will-expire-in-xx-min-parent[b-l7tnfc4mp3] {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	text-align: left;
	font-size: 12px;
	color: #000;
	font-family: 'Open Sans';
}

.the-code-will[b-l7tnfc4mp3] {
	width: 571px;
	position: relative;
	line-height: 18px;
	display: flex;
	align-items: center;
	max-width: fit-content;
}

.remove-button[b-l7tnfc4mp3] {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #2c2c2c;
}

.remove[b-l7tnfc4mp3] {
	position: relative;
	text-decoration: underline;
	line-height: 24px;
}

.remove:hover[b-l7tnfc4mp3] {
	cursor: pointer;
	color: blue;
}
/* /Components/SEAI/SeaiPersonalInfoComponent.razor.rz.scp.css */
.primary-address[b-rax15lme4u] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 5%; /* Reduced vertical padding for desktop */
    max-width: 570px;
}

@media (max-width: 600px) {
    .primary-address[b-rax15lme4u] {
        padding: 5%; /* Keep original padding for mobile */
        max-width: none;
    }
}
.contact-info[b-rax15lme4u] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans';
}
.label-parent[b-rax15lme4u] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.label[b-rax15lme4u] {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}
.label2[b-rax15lme4u] {
    flex: 1;
    display: flex;
    align-items: center;
}
.label-text[b-rax15lme4u] {
    flex: 1;
    position: relative;
    line-height: 20px;
}
.input-analyzer-wrapper[b-rax15lme4u] {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}
.input-analyzer-wrapper .content[b-rax15lme4u] {
    position: relative;
}

/* Prevent horizontal scroll bars and ensure dropdown width matches parent */
.popup-overlay[b-rax15lme4u] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 200px;
    max-width: 100%;
    overflow-x: hidden;
    z-index: 100;
    background: none;
    display: block;
    align-items: flex-start;
    justify-content: flex-start;
}
.form-control[b-rax15lme4u] {
    font-size: 16px;
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    color: #2c2c2c;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: block;
}
[b-rax15lme4u] input.form-control {
    width: 100%;
    height: 100%;
    display: block;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
    margin: 0;
    padding: 0;
    color: #2c2c2c;
    font-size: 16px;
    border-radius: 6px;
}
.content[b-rax15lme4u] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    box-sizing: border-box;
    height: 48px;
    padding: 0 40px 0 12px;
    transition: border-color 0.2s;
}
.content3[b-rax15lme4u] {
    align-self: stretch;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    padding: 9px 16px;
    gap: 8px;
    height: 48px;
}
.content4[b-rax15lme4u] {
    align-self: stretch;
    height: 48px;
    border-radius: 5px;
    background-color: #f1f1f1;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 7px 16px;
    color: #b8b8b8;
}
.ie-1-parent[b-rax15lme4u] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.ie-1-icon[b-rax15lme4u] {
    width: 24px;
    position: relative;
    max-height: 100%;
}
.chevron-down-icon[b-rax15lme4u] {
    height: 24px;
    width: 24px;
    position: relative;
    cursor: pointer;
}
.div[b-rax15lme4u] {
    position: relative;
    line-height: 20px;
    margin-right: 8px;
}
.label6[b-rax15lme4u] {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 6px;
}
.tel-country-code-m[b-rax15lme4u] {
    width: 290px;
    position: relative;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    max-height: 90%;
    overflow: auto;
    text-align: left;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans';
}
.phone-country-drop-down[b-rax15lme4u] {
    width: 290px;
    height: 240px;
    position: relative;
    max-width: 100%;
}
.phone-country-drop-down2[b-rax15lme4u] {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    width: 290px;
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.listgroupitems[b-rax15lme4u] {
    width: 290px;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    flex-shrink: 0;
    cursor: pointer;
}
.itemtext[b-rax15lme4u] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.ie-2-icon[b-rax15lme4u] {
    height: 18px;
    width: 24px;
    position: relative;
}
.ireland-353[b-rax15lme4u] {
    position: relative;
    line-height: 20px;
}
.listgroupitems2[b-rax15lme4u] {
    width: 290px;
    background-color: #fff;
    border-bottom: 1px solid #2c2c2c;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    flex-shrink: 0;
}
.image-20-icon[b-rax15lme4u] {
    height: 18px;
    width: 24px;
    position: relative;
    object-fit: cover;
}
.listgroupitems4[b-rax15lme4u] {
    width: 290px;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    flex-shrink: 0;
}
.itemtext4[b-rax15lme4u] {
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.seai-submit-btn[b-rax15lme4u] {
    margin-top: 16px;
    padding: 8px 24px;
    border-radius: 5px;
    background-color: #2c2c2c;
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
}
.content-disabled[b-rax15lme4u] {
    background: #f1f1f1 !important;
    color: #b8b8b8 !important;
    cursor: not-allowed;
}
.info-icon-wrapper[b-rax15lme4u] {
    position: absolute;
    top: 0;
    right: 24px;
    display: flex;
    align-items: flex-start;
    z-index: 2;
    margin-left: 0;
}
.label[b-rax15lme4u] {
    position: relative;
}

/* Force popup to appear above and left of the icon */
.outer-pop-up.after-popup.above-popup[b-rax15lme4u] {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    min-width: 200px;
    max-width: 90vw;
    z-index: 100;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

@media (max-width: 600px) {
    .outer-pop-up.after-popup.above-popup[b-rax15lme4u] {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        max-width: 90vw !important;
        overflow-x: hidden !important;
    }
}
/* /Components/SEAI/SeaiPhoneInputComponent.razor.rz.scp.css */
.form-group-wrapper[b-s78qd0pnw3] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: relative;
	width: 100%;
	align-self: stretch;
	min-width: 0;
}

.form-group-wrapper.error[b-s78qd0pnw3] {
	gap: 12px;
}

.label-parent[b-s78qd0pnw3] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
}

.label[b-s78qd0pnw3] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
}

.label-text[b-s78qd0pnw3] {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.optional-label[b-s78qd0pnw3] {
	font-size: 12px;
	color: #999;
	margin-left: auto;
	white-space: nowrap;
}

.content[b-s78qd0pnw3] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	position: relative;
	width: 100%;
	align-self: stretch;
	min-width: 0;
	padding: 0 !important;
}

.phone-input-group[b-s78qd0pnw3] {
	display: flex;
	gap: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: visible;
	position: relative;
	align-items: center;
	width: 100%;
	align-self: stretch;
	min-width: 0;
}

.phone-input-group.input-error[b-s78qd0pnw3] {
	border-color: #d32f2f;
}

.country-selector[b-s78qd0pnw3] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 10px;
	background-color: #f5f5f5;
	border-right: 1px solid #ddd;
	flex-shrink: 0;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.2s ease;
	min-width: 48px;
	position: relative;
}

.country-selector:hover[b-s78qd0pnw3] {
	background-color: #efefef;
}

.country-flag-icon[b-s78qd0pnw3] {
	height: 18px;
	width: 18px;
	object-fit: contain;
	flex-shrink: 0;
}

.dropdown-icon[b-s78qd0pnw3] {
	height: 18px;
	width: 18px;
	color: #666;
	flex-shrink: 0;
}

.dropdown-icon[b-s78qd0pnw3]  svg {
	height: 18px;
	width: 18px;
}

.country-code[b-s78qd0pnw3] {
	color: #666;
	font-size: 13px;
	font-weight: 500;
	padding: 0 4px;
	flex-shrink: 0;
}

.input-field[b-s78qd0pnw3] {
	flex: 1;
	border: none;
	padding: 8px 12px;
	font-size: 14px;
	outline: none;
	background-color: white;
	min-width: 0;
}

.input-field[b-s78qd0pnw3]::placeholder {
	color: #999;
}

.input-field:focus[b-s78qd0pnw3] {
	background-color: #fafafa;
}

.input-field:disabled[b-s78qd0pnw3] {
	background-color: #f5f5f5;
	color: #ccc;
	cursor: not-allowed;
}

.input-field.input-error[b-s78qd0pnw3] {
	border-color: #d32f2f;
	background-color: #ffebee;
}

.help-text[b-s78qd0pnw3] {
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}

.help-text.error-text[b-s78qd0pnw3] {
	color: #d32f2f;
	font-weight: 500;
}

/* Country Selector Dropdown */
.popup-overlay[b-s78qd0pnw3] {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: auto;
	bottom: auto;
	z-index: 999;
	display: block;
	background-color: transparent;
	pointer-events: none;
}

.tel-country-code-m[b-s78qd0pnw3] {
	position: static;
	z-index: 1000;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	min-width: 250px;
	max-width: 300px;
	pointer-events: auto;
}

.phone-country-drop-down[b-s78qd0pnw3] {
	display: flex;
	flex-direction: column;
}

.phone-country-drop-down2[b-s78qd0pnw3] {
	display: flex;
	flex-direction: column;
	max-height: 300px;
	overflow-y: auto;
}

.listgroupitems[b-s78qd0pnw3] {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	cursor: pointer;
	transition: background-color 0.15s ease;
	border-bottom: 1px solid #f0f0f0;
}

.listgroupitems:last-child[b-s78qd0pnw3] {
	border-bottom: none;
}

.listgroupitems:hover[b-s78qd0pnw3] {
	background-color: #f9f9f9;
}

.itemtext[b-s78qd0pnw3] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.country-flag-dropdown[b-s78qd0pnw3] {
	height: 20px;
	width: 20px;
	object-fit: contain;
	flex-shrink: 0;
}

.country-name-code[b-s78qd0pnw3] {
	font-size: 13px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* /Components/SEAI/SeaiPopupIconComponent.razor.rz.scp.css */
.rz-layout .rz-body[b-ldbxom8pj9] {
	overflow-y: auto;
	overflow-x: hidden;
}

.outer-pop-up[b-ldbxom8pj9] {
	width: 215px;
	min-height: 30vh;
	position: relative;
	max-width: 100%;
	max-height: 90%;
	overflow: hidden;
	overflow-y: scroll;
	text-align: left;
	font-size: 12px;
	color: #fff;
	z-index: 9999;
	left: -80%;
	transform: translate(0, 2px);
}

.inner-pop-up[b-ldbxom8pj9] {
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 6px;
	background-color: #0c0c3e;
	border: 1px solid #141469;
	box-sizing: border-box;
	width: 195px;
	display: flex;
	align-items: flex-start;
	overflow: scroll
}

.icon-circle[b-ldbxom8pj9] {
	width: 24px;
	height: 24px;
	background-color: #000000 !important;
	border-radius: 50%;
	display: flex;
	justify-content: end;
	align-items: center;
	color: #ffffff;
}

.text[b-ldbxom8pj9] {
	width: 150px;
	position: relative;
	line-height: 18px;
	display: inline-block;
}

.close-icon-popup[b-ldbxom8pj9] {
	height: 16px;
	width: 16px;
	position: relative;
	cursor: pointer;
}

.icon-overlay-container[b-ldbxom8pj9] {
	position: absolute;
	display: inline-block;
}

.popup-overlay[b-ldbxom8pj9] {
	position: absolute;
	top: 100%;
	left: 0;
	transform: translateX(-100%);
	z-index: 100;
	background-color: rgba(113,113,113,.3);
	pointer-events: auto;
	will-change: transform, opacity;
}

.wrap[b-ldbxom8pj9] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 5%;
}

.after-popup[b-ldbxom8pj9] {
	transform: translate(180px, 2px);
}

.above-popup[b-ldbxom8pj9] {
	transform: translate(0, -205px);
}

.outer-pop-up.after-popup.above-popup[b-ldbxom8pj9] {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: translateX(-100%) !important;
    min-width: 200px;
    max-width: 90vw;
    z-index: 100;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
/* /Components/SEAI/SeaiSelectComponent.razor.rz.scp.css */
.seai-select .select-wrapper[b-2rj3ccrob8]{position:relative;display:block}
.seai-select .select-trigger[b-2rj3ccrob8]{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid transparent;background:transparent;cursor:pointer}
.seai-select .selected-text[b-2rj3ccrob8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seai-select .select-caret[b-2rj3ccrob8]{width:20px;height:20px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-size:contain;transition:transform .18s}
.seai-select .select-wrapper.open .select-caret[b-2rj3ccrob8]{transform:rotate(180deg)}
.seai-select .select-options[b-2rj3ccrob8]{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e2e2e2;border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.08);z-index:50;max-height:240px;overflow:auto;list-style:none;margin:0;padding:0}
.seai-select .select-option[b-2rj3ccrob8]{padding:10px 12px;cursor:pointer;display:block}
.seai-select .select-option:hover[b-2rj3ccrob8],.seai-select .select-option.focused[b-2rj3ccrob8]{background:#f5f5f5}
/* /Components/SEAI/SeaiShowOrAddPaymentDetailsComponent.razor.rz.scp.css */
.bank-of-ireland-logo-1-parent[b-jqu2ycrxw5] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	background-color: #f4fbfa;
	border: 1px solid #2f6c67;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	padding: 12px 16px;
	gap: 12px;
	text-align: left;
	font-size: 14px;
	color: #000;
}

.bank-of-ireland-logo-1[b-jqu2ycrxw5] {
	height: 24px;
	width: 24px;
	position: relative;
	object-fit: cover;
}

.bank-owner-name-parent[b-jqu2ycrxw5] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.bank-owner-name[b-jqu2ycrxw5] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
}

.div[b-jqu2ycrxw5] {
	align-self: stretch;
	position: relative;
	font-size: 11px;
	line-height: 16px;
}

.primary-address-parent[b-jqu2ycrxw5] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	font-size: 20px;
	color: #000;
}

.primary-address[b-jqu2ycrxw5] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 5%;
}

.payment-details[b-jqu2ycrxw5] {
	align-self: stretch;
	width: 100%;
	position: relative;
	font-size: 20px !important;
	line-height: 24px !important;
	color: #000;
	text-align: left;
	display: inline-block;
}

/* /Components/SEAI/SeaiShowOrAddTaxDetailsComponent.razor.rz.scp.css */
.justify-content-start[b-jwj3m1u6jr] {
	align-items: center;
	justify-content: start;
}
.frame-parent[b-jwj3m1u6jr] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	text-align: left;
	font-size: 14px;
	color: #000;
}

.frame-wrapper[b-jwj3m1u6jr] {
	width: 290px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.frame-group[b-jwj3m1u6jr] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.frame-container[b-jwj3m1u6jr] {
	padding-bottom: 0.25rem;
}

.bank-details[b-jwj3m1u6jr] {
	width: 100%;
	position: relative;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	text-align: left;
	display: inline-block;
	padding-top: 1em;
}

.bank-wrapper[b-jwj3m1u6jr] {
	padding: 1.5rem 0.5rem 0.5rem 0.5rem;
}

.wrap[b-jwj3m1u6jr] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.col[b-jwj3m1u6jr] {
	padding-right: 0.5rem;
}

.row[b-jwj3m1u6jr] {
	display: flex;
	flex-direction: row;
}

.optional[b-jwj3m1u6jr] {
	position: relative;
	font-size: 12px;
	line-height: 18px;
	display: none;
	flex-shrink: 0;
}

.info-circle-fill-icon[b-jwj3m1u6jr] {
	height: 24px;
	width: 24px;
	position: relative;
}

.helptext[b-jwj3m1u6jr] {
	position: relative;
	font-size: 6px;
	line-height: 8px;
	color: #adb5bd;
	display: none;
	flex-shrink: 0;
}

.frame-div[b-jwj3m1u6jr] {
	width: 100%;
	border-radius: 6px;
	background-color: #f4fbfa;
	border: 1px solid #2f6c67;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
	gap: 12px;
	max-width: 100%;
}

.h[b-jwj3m1u6jr] {
	align-self: stretch;
	position: relative;
	font-size: 14px;
	line-height: 20px;
}

.name[b-jwj3m1u6jr] {
	align-self: stretch;
	position: relative;
	line-height: 21px;
	font-weight: 600;
}

.your-personal-public[b-jwj3m1u6jr] {
	margin: 0;
}

.public-services-card-drugs-pay[b-jwj3m1u6jr] {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	padding-left: 16px;
}

.public-services-card[b-jwj3m1u6jr] {
	margin-bottom: 0px;
}

.primary-address-parent[b-jwj3m1u6jr] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	font-size: 20px;
	color: #000;
}

.primary-address[b-jwj3m1u6jr] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 5%;
}
/* /Components/SEAI/SeaiShowRolesComponent.razor.rz.scp.css */
.primary-address[b-yn7xy2999n] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 5%; /* Reduced vertical padding for desktop */
    max-width: 570px;
}

@media (max-width: 600px) {
    .primary-address[b-yn7xy2999n] {
        padding: 5%; /* Keep original padding for mobile */
        max-width: none;
    }
}

.payment-details[b-yn7xy2999n] {
    align-self: stretch;
    width: 100%;
    position: relative;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000;
    text-align: left;
    display: inline-block;
}

.user-role-indicator-parent[b-yn7xy2999n] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans';
}

.user-role-indicator[b-yn7xy2999n] {
    border-radius: 6px;
    border: 1px solid #b8b8b8;
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 6px;
}

.person-icon[b-yn7xy2999n] {
    height: 24px;
    width: 24px;
    position: relative;
}

.type-here[b-yn7xy2999n] {
    position: relative;
    line-height: 20px;
}
/* /Components/SEAI/SeaiSuccessToastComponent.razor.rz.scp.css */
.seai-success-toast[b-6arvp7n89k] {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    /* non-blocking — no backdrop, pointer events only on the card itself */
    pointer-events: auto;

    width: 100%;
    max-width: 400px;
    border-radius: 6px;
    background-color: #ecebb3;
    border: 1px solid #bebd01;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0;
    text-align: left;
    font-size: 14px;
    color: #1b1451;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    animation: seaiToastFadeIn-b-6arvp7n89k 0.25s ease;
}

.seai-success-toast--fading[b-6arvp7n89k] {
    animation: seaiToastFadeOut-b-6arvp7n89k 0.5s ease forwards;
}

@keyframes seaiToastFadeIn-b-6arvp7n89k {
    from { opacity: 0; transform: translateX(-50%) translateY(-8px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0);    }
}

@keyframes seaiToastFadeOut-b-6arvp7n89k {
    from { opacity: 1; transform: translateX(-50%) translateY(0);     }
    to   { opacity: 0; transform: translateX(-50%) translateY(-8px);  }
}

.seai-success-toast__wrap[b-6arvp7n89k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.seai-success-toast__icon[b-6arvp7n89k] {
    width: 16px;
    height: 16px;
    position: relative;
}

.seai-success-toast__message[b-6arvp7n89k] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.seai-success-toast__close[b-6arvp7n89k] {
    height: 24px;
    width: 24px;
    cursor: pointer;
    flex-shrink: 0;
}
/* /Components/SEAI/SeaiUserCardComponent.razor.rz.scp.css */

.profile-menu[b-xbr2hb0uja] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	background-color: #f1f1f1;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
	gap: 10px;
	text-align: center;
	font-size: 14px;
	color: #1b1451;
}

.profile-container-wrapper[b-xbr2hb0uja] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	cursor: pointer;
}

.profile-container[b-xbr2hb0uja] {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
}

.avatar-parent[b-xbr2hb0uja] {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
}

.avatar[b-xbr2hb0uja] {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	background-color: #ECECF3;
	border: 1px solid #B8B8B8;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
}

.mb[b-xbr2hb0uja] {
	font-size: 12px;
	font-weight: 600;
	color: #1B1451;
	line-height: 20px;
}

.profile-details[b-xbr2hb0uja] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	text-align: left;
	font-size: 16px;
}

.profile-name[b-xbr2hb0uja] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	cursor: pointer;
}

.contractor-admin[b-xbr2hb0uja] {
	align-self: stretch;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	color: #000;
}

.profile-container-child[b-xbr2hb0uja] {
	height: 16px;
	width: 16px;
	font-size: 16px;
	flex-shrink: 0;
}

.profile-sub-menu[b-xbr2hb0uja] {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	border-radius: 6px;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	color: #2c2c2c;
}

.gnav-sub-menu[b-xbr2hb0uja] {
	border-radius: 6px;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.listgroupitems[b-xbr2hb0uja] {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 8px 16px;
	cursor: pointer;
	flex-shrink: 0;
}

.listgroupitems:hover[b-xbr2hb0uja] {
	background-color: #f4fbfa;
}

.itemtext[b-xbr2hb0uja] {
	flex: 1;
	display: flex;
	align-items: flex-start;
}

.list-item[b-xbr2hb0uja] {
	position: relative;
	line-height: 20px;
}
/* /Components/SEAI/SeaiUserCardList.razor.rz.scp.css */
.primary-address[b-ms9tfuwyo5] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.primary-title[b-ms9tfuwyo5] {
	align-self: stretch;
	width: 100%;
	position: relative;
	font-size: 20px !important;
	line-height: 24px !important;
	color: #000;
	text-align: left;
	display: inline-block;
}

.container[b-ms9tfuwyo5] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 16px;
	font-size: 14px;
	color: #2c2c2c;
}
/* /Components/SEAI/SeaiUserProfileCancelModal.razor.rz.scp.css */
.userprofile-cancel-modal-overlay[b-kx27oko4n9] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.25) !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    transition: opacity 300ms;
}

.userprofile-cancel-modal-overlay[aria-hidden="true"][b-kx27oko4n9] {
    opacity: 0;
    pointer-events: none;
}

body.userprofile-modal-no-scroll[b-kx27oko4n9] {
    overflow: hidden !important;
    height: 100vh !important;
}

.modal-alert[b-kx27oko4n9] {
    max-width: 400px;
    width: 100%;
    border-radius: 6px;
    background-color: #f8e7c0;
    border: 1px solid #ec8d1b;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0px;
    text-align: left;
    font-size: 14px;
    color: #663d0c;
    font-family: 'Open Sans';
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.wrap[b-kx27oko4n9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.icon[b-kx27oko4n9] {
    width: 16px;
    height: 16px;
    position: relative;
}

.alert-title[b-kx27oko4n9] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.action-1[b-kx27oko4n9] {
    position: relative;
    line-height: 20px;
    color: #034273;
    cursor: pointer;
    margin-top: 8px;
}

.close-button-icon[b-kx27oko4n9] {
    height: 24px;
    width: 24px;
    cursor: pointer;
}
/* /Components/SEAI/SeaiUserProfileUnsavedModal.razor.rz.scp.css */
.userprofile-unsaved-modal-overlay[b-xqo7q26dcw] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.25) !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    transition: opacity 300ms;
}

.userprofile-unsaved-modal-overlay[aria-hidden="true"][b-xqo7q26dcw] {
    opacity: 0;
    pointer-events: none;
}

body.userprofile-unsaved-modal-no-scroll[b-xqo7q26dcw] {
    overflow: hidden !important;
    height: 100vh !important;
}

.modal-alert[b-xqo7q26dcw] {
    max-width: 400px;
    width: 100%;
    border-radius: 6px;
    background-color: #f8e7c0;
    border: 1px solid #ec8d1b;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0px;
    text-align: left;
    font-size: 14px;
    color: #663d0c;
    font-family: 'Open Sans';
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.wrap[b-xqo7q26dcw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.icon[b-xqo7q26dcw] {
    width: 16px;
    height: 16px;
    position: relative;
}

.alert-title[b-xqo7q26dcw] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.action-1[b-xqo7q26dcw] {
    position: relative;
    line-height: 20px;
    color: #034273;
    cursor: pointer;
    margin-top: 8px;
}

.close-button-icon[b-xqo7q26dcw],
.userprofile-unsaved-modal-close[b-xqo7q26dcw] {
    height: 24px;
    width: 24px;
    cursor: pointer !important;
}
/* /Components/SEAI/SeaiWarningAlertComponent.razor.rz.scp.css */
/* ─── Full-screen backdrop ─── */
.seai-warning-overlay[b-n4xqkcyw4x] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    /* Escape any overflow:hidden ancestor created by Radzen layout */
    transform: none;
}

/* ─── Alert card ─── */
.seai-warning-alert[b-n4xqkcyw4x] {
    width: 100%;
    max-width: 480px;
    border-radius: 6px;
    background-color: #f8e7c0;
    border: 1px solid #ec8d1b;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    padding: 16px;
    gap: 12px;
    text-align: left;
    font-size: 14px;
    color: #663d0c;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.seai-warning-alert__wrap[b-n4xqkcyw4x] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.seai-warning-alert__header[b-n4xqkcyw4x] {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.seai-warning-alert__icon[b-n4xqkcyw4x] {
    height: 16px;
    width: 16px;
    font-size: 16px;
    flex-shrink: 0;
    color: #ec8d1b;
}

.seai-warning-alert__title[b-n4xqkcyw4x] {
    flex: 1;
    line-height: 20px;
}

.seai-warning-alert__action[b-n4xqkcyw4x] {
    align-self: stretch;
    padding-left: 28px;
    line-height: 20px;
}

.seai-warning-alert__action-link[b-n4xqkcyw4x] {
    color: #034273;
    cursor: pointer;
    text-decoration: underline;
}

.seai-warning-alert__action-link:hover[b-n4xqkcyw4x] {
    color: #022f52;
}

.seai-warning-alert__close[b-n4xqkcyw4x] {
    height: 20px;
    width: 20px;
    font-size: 22px;
    line-height: 18px;
    cursor: pointer;
    flex-shrink: 0;
    color: #663d0c;
    user-select: none;
}

/* Error severity: red visual treatment */
.seai-warning-alert--error[b-n4xqkcyw4x] {
    background-color: #fdecea; /* very light red/pink */
    border: 1px solid #e53935; /* red */
    color: #611313; /* dark red text */
}

.seai-warning-alert--error .seai-warning-alert__icon[b-n4xqkcyw4x] {
    color: #e53935; /* red icon */
}

.seai-warning-alert--error .seai-warning-alert__close[b-n4xqkcyw4x] {
    color: #611313;
}
/* /Components/SeniorAdminDwellingComponent.razor.rz.scp.css */
/* ── Shared row shell ─────────────────────────────────────────── */

.sa-row[b-b4auwsewdx] {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans';
}

/* ── Desktop row ──────────────────────────────────────────────── */

.sa-desktop-row[b-b4auwsewdx] {
    display: none; /* shown via media query */
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 7px 24px 15px;
    min-height: 75px;
}

/* Column widths — must match the identical sa-col-* classes in OrgUserDwellingTableComponent.razor.css */

.sa-row-grid[b-b4auwsewdx] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
}

.sa-col-id[b-b4auwsewdx] {
    width: 125px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-col-mprn[b-b4auwsewdx] {
    width: 120px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-col-property[b-b4auwsewdx] {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
    min-width: 0;
}

.sa-col-expiry[b-b4auwsewdx] {
    width: 100px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-col-measures[b-b4auwsewdx] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.sa-cell[b-b4auwsewdx] {
    position: relative;
    line-height: 20px;
}

.sa-measures-col[b-b4auwsewdx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.sa-address[b-b4auwsewdx] {
    flex: 1;
    position: relative;
    line-height: 21px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #39827d;
}

/* ── Measure icon ─────────────────────────────────────────────── */

.sa-measure-icon-bg[b-b4auwsewdx] {
    height: 35px;
    width: 35px;
    flex-shrink: 0;
    border-radius: 6px;
    background-color: #ececf3;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sa-measure-icon[b-b4auwsewdx] {
    width: 100%;
    height: 25px;
    object-fit: contain;
}

/* ── Overflow badge ───────────────────────────────────────────── */

.sa-overflow-badge[b-b4auwsewdx] {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    border-radius: 6px;
    background-color: #1b1451;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sa-overflow-label[b-b4auwsewdx] {
    font-size: 11px;
    font-family: 'Open Sans';
    color: #fff;
    text-align: center;
}

/* ── Mobile row ───────────────────────────────────────────────── */

.sa-mobile-row[b-b4auwsewdx] {
    display: flex; /* visible by default (mobile-first) */
    padding: 16px;
}

.sa-mobile-content[b-b4auwsewdx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.sa-mobile-field[b-b4auwsewdx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sa-mobile-key[b-b4auwsewdx] {
    position: relative;
    line-height: 20px;
}

.sa-mobile-val[b-b4auwsewdx] {
    position: relative;
    line-height: 20px;
}

.sa-mobile-address[b-b4auwsewdx] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
    max-width: 385px;
    font-size: 16px;
    color: #39827d;
}

.sa-mobile-address-text[b-b4auwsewdx] {
    flex: 1;
    position: relative;
    line-height: 21px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sa-mobile-measures[b-b4auwsewdx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── Responsive: switch to desktop row at ≥860px ──────────────── */

@media (min-width: 860px) {
    .sa-desktop-row[b-b4auwsewdx] {
        display: flex;
    }

    .sa-mobile-row[b-b4auwsewdx] {
        display: none;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-vym0q8puji]{
    position: relative;grid-template-areas: 'rz-sidebar rz-header' 'rz-sidebar rz-body'
}

footer[b-vym0q8puji] {
    background-color: #1b1451;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .page-shell[b-vym0q8puji] {
        min-height: 100dvh !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .page-shell > .rz-layout[b-vym0q8puji] {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    .rz-header[b-vym0q8puji] {
        flex-shrink: 0 !important;
    }

    .rz-sidebar[b-vym0q8puji] {
        flex-shrink: 0 !important;
    }

    .rz-body[b-vym0q8puji] {
        flex: 1 !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .main-centered-content[b-vym0q8puji] {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

.header-stack[b-vym0q8puji] {
    display: flex;
    justify-content: center;
    width: 100%;

    .rz-stack {
        width: 100%;
        max-width: 1170px;
    }
}

.rz-panel-menu[b-vym0q8puji] {
    background: none !important;
}

/* Figma-inspired sidebar styles */
.userho[b-vym0q8puji] {
    width: 100%;
    height: 100vh;          /* fallback for browsers without svh support */
    height: 100svh;         /* iOS Safari 15.4+ / Chrome 108+: always sized to visible viewport */
    position: relative;
    background-color: rgba(5, 96, 167, 0.95);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    font-family: Roboto;
    overflow-y: auto;       /* allow scrolling if content overflows on very small screens */
    /* push content above the iOS home indicator / bottom toolbar */
    padding-bottom: env(safe-area-inset-bottom);
}

/* Header row: close icon + overview */
.sidebar-header-row[b-vym0q8puji] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 16px 16px 0 16px;
}

.sidebar-header-col[b-vym0q8puji] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 32px;
    padding: 16px 16px 0 16px;
}

.hamburger-icon[b-vym0q8puji] {
    height: 48px;
    width: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.overview[b-vym0q8puji] {
    font-family: 'Open Sans';
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    line-height: 24px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 600;
}

.menu-item[b-vym0q8puji] {
    font-family: 'Open Sans';
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.navigation-list[b-vym0q8puji] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px;
    gap: 24px;
    font-size: 16px;
    font-family: 'Open Sans';
}

.profile-parent[b-vym0q8puji] {
    align-self: stretch;
    height: 157px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 16px;
    box-sizing: border-box;
    gap: 24px;
    text-align: center;
    font-size: 14px;
    color: #1b1451;
    font-family: 'Open Sans';
}

/* Remove old .header, .global-nav, .g-nav2 styles if not needed */
.header[b-vym0q8puji], .global-nav[b-vym0q8puji], .g-nav2[b-vym0q8puji] {
    all: unset;
}

.status-barandroid[b-vym0q8puji] {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 16px;
    gap: 20px;
}

.androidtime[b-vym0q8puji] {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.clock[b-vym0q8puji] {
    display: flex;
    align-items: flex-start;
}

.hours[b-vym0q8puji] {
    position: relative;
}

.icons[b-vym0q8puji] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    font-size: 6px;
}

.androidbluetooth[b-vym0q8puji] {
    height: 14px;
    width: 14px;
    position: relative;
}

.bluetooth-icon[b-vym0q8puji] {
    position: absolute;
    top: 0px;
    left: 2.5px;
    width: 8.7px;
    height: 14px;
}

.androidwifi[b-vym0q8puji] {
    height: 14px;
    width: 15px;
    position: relative;
}

.bar-1-icon[b-vym0q8puji] {
    position: absolute;
    height: 18.57%;
    width: 18.67%;
    top: 76.36%;
    right: 40.86%;
    bottom: 5.07%;
    left: 40.47%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: contain;
}

.bar-2-icon[b-vym0q8puji] {
    position: absolute;
    height: 9.29%;
    width: 33.33%;
    top: 53.07%;
    right: 33.57%;
    bottom: 37.64%;
    left: 33.09%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.bar-3-icon[b-vym0q8puji] {
    position: absolute;
    height: 15.71%;
    width: 66.67%;
    top: 26.54%;
    right: 17.21%;
    bottom: 57.74%;
    left: 16.12%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.bar-4-icon[b-vym0q8puji] {
    position: absolute;
    height: 22.86%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 77.14%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.androidcellular-signal[b-vym0q8puji] {
    height: 16px;
    width: 18px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.g[b-vym0q8puji] {
    position: absolute;
    top: 0%;
    left: 0%;
}

.bars-icon[b-vym0q8puji] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.androidbattery[b-vym0q8puji] {
    height: 11px;
    width: 18.5px;
    position: relative;
}

.indicator[b-vym0q8puji] {
    position: absolute;
    height: 72.73%;
    width: 75.68%;
    top: 13.64%;
    right: 16.22%;
    bottom: 13.64%;
    left: 8.11%;
    border-radius: 2px;
    background-color: #fff;
}

.g-nav[b-vym0q8puji] {
    align-self: stretch;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 8px 15px 0px;
    box-sizing: border-box;
}

.g-nav2[b-vym0q8puji] {
    align-self: stretch;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 8px 0px 0px;
    box-sizing: border-box;
}

.avatar-parent[b-vym0q8puji] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.item-1-parent[b-vym0q8puji] {
    align-self: stretch;
    height: 263px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px;
    box-sizing: border-box;
    gap: 24px;
    font-size: 16px;
}

.item-1[b-vym0q8puji] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.level-1[b-vym0q8puji] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.item-2[b-vym0q8puji] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.log-out[b-vym0q8puji] {
    width: 288px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    text-align: left;
    color: #fff;
}

.level-15[b-vym0q8puji] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
    flex-shrink: 0;
}

.log-out2[b-vym0q8puji] {
    position: relative;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 24px;
}

.rz-dialog-mask[b-vym0q8puji] {
    opacity: .5;
}

/* Ensure the whole page scrolls as one */
.page-shell .rz-layout[b-vym0q8puji],
.page-shell .rz-body[b-vym0q8puji],
.page-shell .rz-content[b-vym0q8puji],
.page-shell .rz-main[b-vym0q8puji] {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}
/* Keep app content containers natural-flow, no clipping */
.page-shell .main-centered-content[b-vym0q8puji],
.page-shell .main-centered-body[b-vym0q8puji] {
    overflow: visible !important;
}

footer[b-vym0q8puji] {
    padding: 16px;
}

/* ── Mobile layout fix ──────────────────────────────────────────────────────
   On mobile the "app shell" flex layout (min-height:100vh, RadzenLayout flex:1,
   RadzenBody overflow:auto) squeezes the scrollable body into the remaining
   viewport height with the footer permanently on screen.
   Below ≈992 px we drop out of the app-shell model: the page scrolls naturally
   and the footer falls after the content, matching desktop behaviour.
   ─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    /* Override the inline min-height:100vh / display:flex that pins the
       shell to the viewport height on small screens. */
    .page-shell[b-vym0q8puji] {
        min-height: 0 !important;
        display: block !important;
    }

    /* Let Radzen's layout container grow with content instead of
       filling the (now unconstrained) parent. */
    [b-vym0q8puji] .rz-layout {
        flex: none !important;
        display: block !important;
        height: auto !important;
    }

    /* Allow Radzen's body pane to scroll the whole page rather than
       creating a locked inner scroll area. */
    [b-vym0q8puji] .rz-body {
        overflow: visible !important;
        height: auto !important;
        flex: none !important;
    }
}

.notification-bell-container[b-vym0q8puji] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notification-badge[b-vym0q8puji] {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    min-width: 24px;
    text-align: center;
    padding: 0;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-1zfcc3hgla] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-1zfcc3hgla] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-1zfcc3hgla] {
    font-size: 1.1rem;
}

.bi[b-1zfcc3hgla] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-1zfcc3hgla] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-1zfcc3hgla] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-1zfcc3hgla] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-1zfcc3hgla] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-1zfcc3hgla] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-1zfcc3hgla] {
        padding-bottom: 1rem;
    }

    .nav-item[b-1zfcc3hgla]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-1zfcc3hgla]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-1zfcc3hgla]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-1zfcc3hgla] {
        display: none;
    }

    .collapse[b-1zfcc3hgla] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-1zfcc3hgla] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Layout/NotificationButton.razor.rz.scp.css */
.notification-bell-container[b-vow9y61ryf] {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.notification-badge[b-vow9y61ryf] {
	position: absolute;
	top: -8px;
	right: -8px;
	background-color: #d32f2f;
	color: white;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	border: 2px solid white;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	min-width: 24px;
	text-align: center;
	padding: 0;
}
/* /Pages/ChangePassword.razor.rz.scp.css */
.primary-address[b-tg7zpes0z0] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 5%;
}

.payment-details[b-tg7zpes0z0] {
    align-self: stretch;
    width: 100%;
    position: relative;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000;
    text-align: left;
    display: inline-block;
}

.change-password-wrapper[b-tg7zpes0z0] {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px 16px;
    font-family: 'Open Sans', Arial, sans-serif;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
}

.form-fields[b-tg7zpes0z0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.label.row[b-tg7zpes0z0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.col[b-tg7zpes0z0] {
    flex: 1;
}

.form-label[b-tg7zpes0z0] {
    font-size: 14px;
    color: #1b1451;
    font-weight: 600;
    margin-bottom: 4px;
}

.form-control[b-tg7zpes0z0] {
    font-size: 16px;
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    color: #2c2c2c;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: block;
}

[b-tg7zpes0z0] input.form-control {
    width: 100%;
    height: 100%;
    display: block;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
    margin: 0;
    padding: 0;
    color: #2c2c2c;
    font-size: 16px;
    border-radius: 6px;
}

.content[b-tg7zpes0z0] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    box-sizing: border-box;
    height: 48px;
    padding: 0 40px 0 12px;
    transition: border-color 0.2s;
}

.content.validation-error[b-tg7zpes0z0] {
    border-color: #da001d;
}
.end-adornment-icon[b-tg7zpes0z0] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.alert[b-tg7zpes0z0] {
    width: 100%;
    max-width: 400px;
    position: relative;
    border-radius: 6px;
    background-color: #ecebb3;
    border: 1px solid #bebd01;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0px;
    text-align: left;
    font-size: 14px;
    color: #1b1451;
    font-family: 'Open Sans';
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.toast-fixed[b-tg7zpes0z0] {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.toast-wrap[b-tg7zpes0z0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.toast-icon[b-tg7zpes0z0] {
    width: 16px;
    height: 16px;
    position: relative;
}

.alert-title[b-tg7zpes0z0] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.close-button-icon[b-tg7zpes0z0] {
    height: 24px;
    width: 24px;
    cursor: pointer;
}
    z-index: 2;[b-tg7zpes0z0]
}

.password-match-indicator-match[b-tg7zpes0z0] {
    width: 290px;
    height: 42px;
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: 'Open Sans';
}
.password-strength-panel[b-tg7zpes0z0] {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background-color: #f1f1f1;
    width: 290px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    box-sizing: border-box;
}
.check-circle-fill-parent[b-tg7zpes0z0] {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 6px;
}
.check-circle-fill-icon[b-tg7zpes0z0] {
    height: 16px;
    width: 16px;
    position: relative;
}
.passwords-match[b-tg7zpes0z0] {
    position: relative;
    line-height: 18px;
}

.password-strength-analyser-goo[b-tg7zpes0z0] {
    width: 290px;
    height: 156px;
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: 'Open Sans';
}
.password-strength-panel2[b-tg7zpes0z0] {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background-color: #f1f1f1;
    width: 290px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    box-sizing: border-box;
    gap: 6px;
}
.group-parent[b-tg7zpes0z0] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.rectangle-parent[b-tg7zpes0z0] {
    align-self: stretch;
    height: 12px;
    position: relative;
}
.group-child[b-tg7zpes0z0] {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 6px;
    background-color: #fff;
    width: 266px;
    height: 12px;
}
.group-item[b-tg7zpes0z0] {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 6px 0px 0px 6px;
    background-color: #007a45;
    width: 200px;
    height: 12px;
}
.password-strength-parent[b-tg7zpes0z0] {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 6px;
}
.password-strength[b-tg7zpes0z0] {
    position: relative;
    line-height: 18px;
}
.good[b-tg7zpes0z0] {
    position: relative;
    line-height: 18px;
    color: #007a45;
}
.vector-icon[b-tg7zpes0z0] {
    height: 16px;
    width: 16px;
    position: relative;
}

.popup-overlay[b-tg7zpes0z0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    overflow: hidden;
}

.body[b-tg7zpes0z0] {
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans';
    overflow: hidden;
}

.password-strength-analyser-inline[b-tg7zpes0z0] {
    margin-top: 4px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.password-match-indicator-inline[b-tg7zpes0z0] {
    margin-top: 4px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.password-strength-panel2[b-tg7zpes0z0],
.password-strength-panel[b-tg7zpes0z0] {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    background-color: #f1f1f1;
    min-width: 250px;
    max-width: 350px;
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.input-analyzer-wrapper[b-tg7zpes0z0] {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

.password-strength-analyser-absolute[b-tg7zpes0z0] {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    z-index: 10;
    width: 350px;
    max-width: 100vw;
}

.password-match-indicator-absolute[b-tg7zpes0z0] {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    z-index: 10;
    width: 350px;
    max-width: 100vw;
}

.strength-label-weak[b-tg7zpes0z0] {
    color: #da001d;
}
.strength-label-fair[b-tg7zpes0z0] {
    color: #ff9800;
}
.strength-label-good[b-tg7zpes0z0] {
    color: #8bc34a;
}
.strength-label-strong[b-tg7zpes0z0] {
    color: #007a45;
}

.strength-bar-default[b-tg7zpes0z0] {
    border-radius: 6px 0px 0px 6px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
}
.strength-bar-weak[b-tg7zpes0z0] {
    background-color: #da001d;
}
.strength-bar-fair[b-tg7zpes0z0] {
    background-color: #ff9800;
}
.strength-bar-good[b-tg7zpes0z0] {
    background-color: #8bc34a;
}
.strength-bar-strong[b-tg7zpes0z0] {
    background-color: #007a45;
    border-radius: 6px;
}
/* /Pages/NotificationDetail.razor.rz.scp.css */
/* Notification Detail Page Styles */

.notification-detail-container[b-bu6cyto5q7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.notification-detail-container h2[b-bu6cyto5q7] {
    margin: 0 0 4px 0;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
}

.notification-detail-container > span[b-bu6cyto5q7] {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 8px;
}

.notification-detail-content[b-bu6cyto5q7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

.notification-detail-section[b-bu6cyto5q7] {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    border: none;
}

.notification-detail-section p[b-bu6cyto5q7] {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    word-wrap: break-word;
    font-weight: 400;
}

.notification-detail-actions[b-bu6cyto5q7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.notification-detail-empty[b-bu6cyto5q7] {
    text-align: center;
    padding: 48px 24px;
    color: #666666;
    font-size: 16px;
}

.notification-detail-empty p[b-bu6cyto5q7] {
    margin: 0;
    font-weight: 400;
}

/* Responsive design */
@media (max-width: 768px) {
    .notification-detail-container[b-bu6cyto5q7] {
        gap: 12px;
    }

    .notification-detail-container h2[b-bu6cyto5q7] {
        font-size: 20px;
    }
}

    .notification-detail-header h2[b-bu6cyto5q7] {
        font-size: 20px;
    }

    .notification-detail-back-btn[b-bu6cyto5q7] {
        width: 100%;
    }
}
/* /Pages/Organisation/BankDetailsSectionComponent.razor.rz.scp.css */
.bank-details-section[b-cztjqfo9vp] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	font-size: 14px;
	color: #2c2c2c;
	font-family: 'Open Sans', sans-serif;
	margin-top: 32px;
	width: 100%;
	max-width: 570px;
}

.bank-details-header[b-cztjqfo9vp] {
	align-self: stretch;
	font-size: 20px;
	color: #000;
}

.bank-details-title[b-cztjqfo9vp] {
	position: relative;
	line-height: 24px;
}

.bank-details-description[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #2c2c2c;
}

.bank-details-form[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: 570px;
}

.form-group-wrapper[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
	position: relative;
	min-width: 0;
}

.form-group-wrapper.iban-error[b-cztjqfo9vp] {
	gap: 0;
}


.label-parent[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
}

.label[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	gap: 6px;
	color: #2c2c2c;
}

.label.label-error[b-cztjqfo9vp] {
	color: #da001d;
}

.label-text[b-cztjqfo9vp] {
	flex: 1;
	position: relative;
	line-height: 20px;
	font-weight: 500;
	color: #000;
}

.hint-icon[b-cztjqfo9vp] {
	height: 24px;
	width: 24px;
	min-width: 24px;
	min-height: 24px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #0c0c3e;
	border-radius: 50%;
	color: #fff;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
	overflow: hidden;
	border: none;
	outline: none;
}

.hint-icon[b-cztjqfo9vp]  svg {
	height: 16px;
	width: 16px;
	color: #fff;
	fill: #fff;
}

.hint-icon[b-cztjqfo9vp]  svg * {
	fill: #fff;
	color: #fff;
}




.sub-text[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	font-size: 12px;
}

.sub-text-content[b-cztjqfo9vp] {
	flex: 1;
	position: relative;
	line-height: 18px;
	color: #666;
}

.content[b-cztjqfo9vp] {
	align-self: stretch;
	height: 38px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 7px 16px;
	width: 100%;
	min-width: 0;
}

.content.content-error[b-cztjqfo9vp] {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	height: 40px;
	border: 1px solid #da001d;
	box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 0.2);
}


.input-field[b-cztjqfo9vp] {
	flex: 1;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #2c2c2c;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	min-width: 0;
}

.input-field[b-cztjqfo9vp]::placeholder {
	color: #b8b8b8;
}

.input-field.input-error[b-cztjqfo9vp] {
	text-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 0.2);
}


.help-text[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	font-size: 12px;
	line-height: 16px;
	color: #da001d;
	margin-top: 4px;
}

.error-message[b-cztjqfo9vp] {
	align-self: stretch;
	font-size: 12px;
	color: #c70063;
	line-height: 18px;
}

.alert[b-cztjqfo9vp] {
	align-self: stretch;
	border-radius: 6px;
	background-color: #fff2f9;
	border: 1px solid #da001d;
	display: flex;
	align-items: flex-start;
	padding: 16px;
	gap: 12px;
	color: #bf0019;
	font-size: 14px;
	line-height: 20px;
}

.wrap[b-cztjqfo9vp] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.alert-header[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.alert-header svg[b-cztjqfo9vp] {
	height: 16px;
	width: 16px;
	position: relative;
	flex-shrink: 0;
	margin-top: 2px;
}

.alert-text[b-cztjqfo9vp] {
	flex: 1;
	font-size: 14px;
	line-height: 20px;
	color: #bf0019;
}

.close-button[b-cztjqfo9vp] {
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	color: #da001d;
}

.close-button svg[b-cztjqfo9vp] {
	height: 18px;
	width: 18px;
}

.error-banner[b-cztjqfo9vp] {
	align-self: stretch;
	padding: 12px 16px;
	border-radius: 5px;
	background-color: #ffe6f0;
	border: 1px solid #c70063;
	color: #c70063;
	font-size: 14px;
	line-height: 20px;
}

.bank-details-actions[b-cztjqfo9vp] {
	align-self: flex-start;
	margin-top: 8px;
}

/* Confirmation Modal Styles */
.confirmation-overlay[b-cztjqfo9vp] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	animation: fadeIn-b-cztjqfo9vp 0.3s ease-in-out;
}

@keyframes fadeIn-b-cztjqfo9vp {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.confirmation-modal[b-cztjqfo9vp] {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
	padding: 16px;
	max-width: 600px;
	width: 90%;
	font-family: 'Open Sans', sans-serif;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	animation: slideUp-b-cztjqfo9vp 0.3s ease-in-out;
}

@keyframes slideUp-b-cztjqfo9vp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.frame-parent[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.account-name-parent[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.account-name-label[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	font-weight: 600;
	color: #2c2c2c;
	font-size: 14px;
}

.account-name-value[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	color: #2c2c2c;
	font-size: 14px;
	word-break: break-word;
}

.are-these-the-correct-details-parent[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	font-size: 16px;
	width: 100%;
}

.are-these-the[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	line-height: 21px;
	font-weight: 600;
	color: #2c2c2c;
	font-size: 16px;
}

.button-parent[b-cztjqfo9vp] {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

.btn-no[b-cztjqfo9vp] {
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #39827d;
	display: flex;
	align-items: center;
	padding: 16px 24px;
	gap: 8px;
	font-size: 16px;
	color: #39827d;
	font-weight: 600;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	transition: all 0.2s ease;
	flex: 1;
	justify-content: center;
	line-height: 18px;
}

.btn-no:hover[b-cztjqfo9vp] {
	background-color: #f5f5f5;
	border-color: #2f6b68;
	color: #2f6b68;
}

.btn-no:disabled[b-cztjqfo9vp] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-yes[b-cztjqfo9vp] {
	border-radius: 6px;
	background-color: #39827d;
	display: flex;
	align-items: center;
	padding: 16px 24px;
	gap: 8px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	transition: all 0.2s ease;
	border: none;
	flex: 1;
	justify-content: center;
	line-height: 18px;
}

.btn-yes:hover[b-cztjqfo9vp] {
	background-color: #2f6b68;
}

.btn-yes:disabled[b-cztjqfo9vp] {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-no svg[b-cztjqfo9vp],
.btn-yes svg[b-cztjqfo9vp] {
	height: 18px;
	width: 18px;
	position: relative;
}

.info-pop-up[b-cztjqfo9vp] {
	width: 100%;
	position: absolute;
	border-radius: 6px;
	background-color: #0c0c3e;
	border: 1px solid #141469;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 8px;
	gap: 8px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	font-family: 'Open Sans';
	top: 100%;
	left: 0;
	margin-top: 4px;
	z-index: 10;
}

.info-pop-up .wrap[b-cztjqfo9vp] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.info-pop-up .text[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	line-height: 18px;
}

.info-pop-up .close-icon[b-cztjqfo9vp] {
	height: 16px;
	width: 16px;
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.info-pop-up .close-icon[b-cztjqfo9vp]  svg {
	height: 16px;
	width: 16px;
	color: #fff;
}

/* Saved Bank Details View Styles */
.bank-details-saved-d[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
}

.frame-container[b-cztjqfo9vp] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
}

.bank-parent[b-cztjqfo9vp] {
	align-self: stretch;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #b8b8b8;
	display: flex;
	align-items: flex-start;
	padding: 12px 16px;
	gap: 12px;
}

.bank-icon[b-cztjqfo9vp] {
	height: 24px;
	width: 24px;
	flex-shrink: 0;
	color: #2c2c2c;
}

.home-energy-parent[b-cztjqfo9vp] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.home-energy[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	font-size: 14px;
	color: #2c2c2c;
	word-break: break-word;
}

.div2[b-cztjqfo9vp] {
	align-self: stretch;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	word-break: break-word;
}

.button[b-cztjqfo9vp] {
	border-radius: 6px;
	background-color: #39827d;
	display: flex;
	align-items: center;
	padding: 16px 24px;
	gap: 8px;
	cursor: pointer;
	border: none;
	font-size: 16px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	transition: background-color 0.2s ease;
}

.button:hover[b-cztjqfo9vp] {
	background-color: #2f6b68;
}

.button-text[b-cztjqfo9vp] {
	position: relative;
	line-height: 18px;
	font-weight: 500;
}

.chevron-icon[b-cztjqfo9vp] {
	height: 18px;
	width: 18px;
	flex-shrink: 0;
	color: #fff;
}

.chevron-icon[b-cztjqfo9vp]  svg {
	height: 18px;
	width: 18px;
	color: #fff;
}

.button-container[b-cztjqfo9vp] {
	align-self: flex-start;
	display: flex;
	justify-content: flex-start;
	margin-top: 8px;
}

/* /Pages/Organisation/ContactNumbersSectionComponent.razor.rz.scp.css */
.contact-numbers-section[b-i8xv42xfog] {
	margin: 24px 0;
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: 570px;
}

.contact-numbers-header[b-i8xv42xfog] {
	margin-bottom: 16px;
	align-self: stretch;
}

.contact-numbers-title[b-i8xv42xfog] {
	font-size: 20px;
	font-weight: 600;
	color: #000;
}

/* Contact Numbers Form - Always Visible */
.contact-numbers-form[b-i8xv42xfog] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
	align-self: stretch;
}

/* /Pages/Organisation/DirectorPage.razor.rz.scp.css */
.director-loading[b-wn5954gpmm] {
    padding: 2rem;
}

.director-form[b-wn5954gpmm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 5%;
    max-width: 570px;
    box-sizing: border-box;
    width: 100%;
}

/* ── Role badge ──────────────────────────────────────────────────────── */

/* label-parent reused from SeaiFormFieldComponent for the read-only role row */
.label-parent[b-wn5954gpmm] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.label[b-wn5954gpmm] {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.label2[b-wn5954gpmm] { flex: 1; display: flex; align-items: center; }

.label-text[b-wn5954gpmm] {
    flex: 1;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    color: #2c2c2c;
}

.role-badge[b-wn5954gpmm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    font-size: 14px;
    color: #2c2c2c;
}

.role-badge-icon[b-wn5954gpmm] {
    font-size: 16px;
    color: #1b1451;
    flex-shrink: 0;
}

/* ── Action buttons ──────────────────────────────────────────────────── */

.director-actions[b-wn5954gpmm] {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.director-remove[b-wn5954gpmm] {
    padding-top: 8px;
    align-self: stretch;
}

@media (max-width: 600px) {
    .director-form[b-wn5954gpmm] {
        max-width: none;
        padding: 5%;
    }

    .director-actions[b-wn5954gpmm] {
        flex-direction: column;
    }
}

/* Ensure Blazor field validation messages appear below the input and on a single line */
.director-form .validation-message[b-wn5954gpmm] {
    display: block; /* force below the input */
    margin-top: 6px;
    color: #d04545; /* error colour */
    font-size: 13px;
    white-space: nowrap; /* keep on single line */
    overflow: hidden;
    text-overflow: ellipsis; /* truncate if too long */
    width: 100%;
}

/* Force the SeaiFormField layout inside the director form to stack label/input and validation vertically
   This ensures validation messages render below the input instead of to the right. Only applies within
   the director form to avoid changing global form styles. */
.director-form .label-parent[b-wn5954gpmm] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.director-form .label[b-wn5954gpmm] {
    width: 100%;
}
.director-form .label .form-control[b-wn5954gpmm] {
    width: 100%;
}

/* More specific rules to override component defaults that place input and validation side-by-side */
.director-form .label-parent > .label[b-wn5954gpmm] {
    width: 100% !important;
}
.director-form .label-parent > .input-analyzer-wrapper[b-wn5954gpmm] {
    width: 100% !important;
    display: block !important;
}
.director-form .input-analyzer-wrapper .content[b-wn5954gpmm] {
    /* Force vertical stacking of input + validation message */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}
.director-form .input-analyzer-wrapper .content input.form-control[b-wn5954gpmm] {
    width: 100% !important;
}
.director-form .input-analyzer-wrapper .content .validation-message[b-wn5954gpmm] {
    display: block !important;
    width: 100% !important;
    margin-top: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* If component styles still force a horizontal layout, force the parent containers to stack vertically */
.director-form .label-parent[b-wn5954gpmm] {
    display: block !important;
    width: 100% !important;
}
.director-form .label-parent > .label[b-wn5954gpmm] {
    display: block !important;
    width: 100% !important;
}
.director-form .label-parent > .input-analyzer-wrapper[b-wn5954gpmm] {
    display: block !important;
    width: 100% !important;
    margin-top: 6px !important;
}
.director-form .label-parent .label2[b-wn5954gpmm],
.director-form .label-parent .label-text[b-wn5954gpmm] {
    display: block !important;
    width: 100% !important;
}
.director-form .input-analyzer-wrapper .content > input.form-control[b-wn5954gpmm] {
    width: 100% !important;
}
.director-form .input-analyzer-wrapper .content > .validation-message[b-wn5954gpmm] {
    display: block !important;
    width: 100% !important;
    margin-top: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* /Pages/Organisation/DirectorsSectionComponent.razor.rz.scp.css */
.directors-section[b-axtcr7nqbg] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	font-size: 14px;
	color: #2c2c2c;
	font-family: 'Open Sans', sans-serif;
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 100%;
	max-width: 570px;
}

.directors-header[b-axtcr7nqbg] {
	align-self: stretch;
	font-size: 20px;
	color: #000;
}

.directors-title[b-axtcr7nqbg] {
	position: relative;
	line-height: 24px;
}

.director-row[b-axtcr7nqbg] {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.director-label-wrapper[b-axtcr7nqbg] {
	width: 200px;
	flex-shrink: 0;
}

.director-label[b-axtcr7nqbg] {
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.director-name-wrapper[b-axtcr7nqbg] {
	flex: 1;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.director-name[b-axtcr7nqbg] {
	position: relative;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.director-edit-icon[b-axtcr7nqbg] {
	display: inline-flex;
	align-items: center;
	font-size: 24px;
	cursor: pointer;
	color: #39827d;
	flex-shrink: 0;
	user-select: none;
}

.director-edit-icon:hover[b-axtcr7nqbg] {
	color: #2e6d69;
}
/* /Pages/Organisation/InsuranceDocument.razor.rz.scp.css */
.insurance-document-form[b-s7u91wl7l0] {
    max-width: 570px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.insurance-section-group[b-s7u91wl7l0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.insurance-section-group h2[b-s7u91wl7l0] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.upload-section[b-s7u91wl7l0] {
    display: flex;
    align-items: flex-start;
}

.uploaded-file[b-s7u91wl7l0] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.uploaded-file-info[b-s7u91wl7l0] {
    flex: 1;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #707070;
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 10px;
    overflow: hidden;
}

.uploaded-file-name[b-s7u91wl7l0] {
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.uploaded-file-remove[b-s7u91wl7l0] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #2c2c2c;
}

.uploaded-file-remove:hover[b-s7u91wl7l0] {
    color: #dc3545;
}

.upload-modal-backdrop[b-s7u91wl7l0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.upload-modal[b-s7u91wl7l0] {
    width: 100%;
    max-width: 570px;
    max-height: 90vh;
    overflow-y: auto;
}

.form-footer[b-s7u91wl7l0] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
}
/* /Pages/Organisation/InsuranceSectionComponent.razor.rz.scp.css */
.insurance-section[b-vqqkw2nfpy] {
	margin-top: 2rem;
	padding: 0;
}

.insurance-section h2[b-vqqkw2nfpy] {
	font-size: 1.1rem;
}

.insurance-grid[b-vqqkw2nfpy] {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.insurance-grid .form-group[b-vqqkw2nfpy] {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0.75rem 0;
}

.insurance-grid .form-group:last-child[b-vqqkw2nfpy] {
	border-bottom: none;
}

.insurance-grid .form-group label[b-vqqkw2nfpy] {
	font-weight: 600;
	color: #333;
	font-size: 0.95rem;
	min-width: 200px;
	padding-right: 1rem;
	flex-shrink: 0;
}

.insurance-grid .form-group p[b-vqqkw2nfpy] {
	margin: 0;
	padding: 0;
	color: #555;
	font-size: 0.95rem;
	flex: 1;
}
/* /Pages/Organisation/OrganisationMember.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────────────────── */

.member-loading[b-wmvth5fu31],
.member-not-found[b-wmvth5fu31] {
    padding: 2rem;
}

/* Ensure the form inside the member card stretches to the full card width.
   The card uses `align-items: flex-start` so child elements may shrink to
   their content width; force the form to occupy the card's available width.
   Scoped and minimal to avoid affecting other pages. */
.member-card > form[b-wmvth5fu31] {
    width: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box;
}

/* Explicit target for the EditForm rendered on this page. Using a dedicated
   class avoids specificity/scoping issues with other global/utility rules. */
.member-card .member-form[b-wmvth5fu31] {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Force direct children inside the member form to expand to the card width.
   These are intentionally specific and use !important to override utility
   classes coming from global stylesheets (portal-base/app.css). */
.member-card > form.member-form[b-wmvth5fu31] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

.member-card > form.member-form > .contact-info[b-wmvth5fu31] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.member-card .seai-form-field[b-wmvth5fu31] {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.member-actions[b-wmvth5fu31] {
    display: flex;
    gap: 16px;
    padding: 0 0 24px;
    max-width: 570px;
    box-sizing: border-box;
    width: 100%;
}

/* ── Cards ───────────────────────────────────────────────────────────── */

.member-card[b-wmvth5fu31] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 5%;
    max-width: 570px;
    box-sizing: border-box;
    width: 100%;
}

@media (max-width: 600px) {
    .member-card[b-wmvth5fu31],
    .member-actions[b-wmvth5fu31] {
        max-width: none;
        padding: 5%;
    }
}

.member-card-title[b-wmvth5fu31] {
    align-self: stretch;
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

/* ── Personal info — mirrors SeaiPersonalInfoComponent class shapes ──── */

.contact-info[b-wmvth5fu31] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
    font-size: 14px;
    color: #2c2c2c;
    font-family: 'Open Sans';
    padding-bottom: 16px;
}

.label-parent[b-wmvth5fu31] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    /* Ensure label-parent takes full row width inside .contact-info */
    flex: 1 1 100%;
    min-width: 0;
}

.label[b-wmvth5fu31] {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.label2[b-wmvth5fu31] {
    flex: 1;
    display: flex;
    align-items: center;
}

.label-text[b-wmvth5fu31] {
    flex: 1;
    position: relative;
    line-height: 20px;
}

.input-analyzer-wrapper[b-wmvth5fu31] {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

.input-analyzer-wrapper .content[b-wmvth5fu31] {
    position: relative;
}

.form-control[b-wmvth5fu31] {
    font-size: 16px;
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    color: #2c2c2c;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: block;
}

[b-wmvth5fu31] input.form-control {
    width: 100%;
    height: 100%;
    display: block;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
    margin: 0;
    padding: 0;
    color: #2c2c2c;
    font-size: 16px;
    border-radius: 6px;
}

.content[b-wmvth5fu31] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    box-sizing: border-box;
    height: 48px;
    padding: 0 40px 0 12px;
    transition: border-color 0.2s;
}

.content-disabled[b-wmvth5fu31] {
    background: #f1f1f1;
    color: #b8b8b8;
}

.content-disabled[b-wmvth5fu31] {
    background-color: #f1f1f1;
    pointer-events: none;
}

.form-control[b-wmvth5fu31] {
    font-size: 16px;
    border: none;
    box-shadow: none;
    background: transparent;
    color: #2c2c2c;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: block;
    appearance: none;
}

/* ── Role tags ───────────────────────────────────────────────────────── */

.role-tag-list[b-wmvth5fu31] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.role-tag-row[b-wmvth5fu31] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.role-tag[b-wmvth5fu31] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    font-size: 14px;
    color: #2c2c2c;
}

.role-tag-icon[b-wmvth5fu31] {
    font-size: 16px;
    color: #1b1451;
    flex-shrink: 0;
}

.role-tag-name[b-wmvth5fu31] {
    flex: 1;
}

.role-tag-delete[b-wmvth5fu31] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #b84315;
    flex-shrink: 0;
}

.role-tag-delete:hover[b-wmvth5fu31] {
    color: #8a3010;
}

.no-roles[b-wmvth5fu31] {
    font-size: 14px;
    color: #707070;
    margin: 0;
}

/* ── Role add (select + button) ──────────────────────────────────────── */

.role-add-container[b-wmvth5fu31] {
    padding-bottom: 16px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

/* Custom caret for the select in the role add control.
   Hides the native arrow and shows an inline SVG caret aligned to the right. */

select.form-control.label-text[b-wmvth5fu31] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 36px; /* space reserved, caret is a sibling element */
    cursor: pointer;
    direction: ltr;
    text-align: left;
}

/* Wrapper + caret element — use a real element because pseudo-elements on native selects
   are not supported in some browsers. */
.select-wrapper[b-wmvth5fu31] {
    /* position absolutely inside .content so caret aligns to the visual right edge
       regardless of .content padding. */
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.select-caret[b-wmvth5fu31] {
    position: absolute;
    right: 6px; /* closer to the right edge */
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 3;
    transition: transform 0.18s ease;
}

.select-wrapper[aria-expanded="true"] .select-caret[b-wmvth5fu31],
.select-wrapper.open .select-caret[b-wmvth5fu31] {
    transform: translateY(-50%) rotate(180deg);
}

/* Styles for the custom Blazor dropdown used in OrganisationMember.razor */
.custom-select-wrapper[b-wmvth5fu31] {
    width: 100%;
}

.custom-select-wrapper .select-wrapper[b-wmvth5fu31] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.custom-select-wrapper .select-trigger[b-wmvth5fu31] {
    width: 100%;
    height: 48px; /* match .content height */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px 0 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    color: #2c2c2c;
}

.custom-select-wrapper .selected-text[b-wmvth5fu31] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
}

.custom-select-wrapper .select-caret[b-wmvth5fu31] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.18s ease;
}

.custom-select-wrapper .select-options[b-wmvth5fu31] {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%; /* place immediately below the trigger */
    margin-top: 4px; /* small gap */
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    z-index: 50;
    max-height: 240px;
    overflow: auto;
    box-sizing: border-box;
    list-style: none; /* remove bullets */
    margin: 0;
    padding: 0;
}

.custom-select-wrapper .select-option[b-wmvth5fu31] {
    padding: 10px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #2c2c2c;
    display: block; /* ensure full-width clickable area */
}

.custom-select-wrapper .select-option:hover[b-wmvth5fu31],
.custom-select-wrapper .select-option:focus[b-wmvth5fu31] {
    background: #f5f5f5;
}

/* rotate caret when wrapper has open class */
.select-wrapper.open .select-caret[b-wmvth5fu31],
.select-wrapper[aria-expanded="true"] .select-caret[b-wmvth5fu31] {
    transform: rotate(180deg);
}

/* Hide default IE/Edge dropdown arrow */
select.form-control.label-text[b-wmvth5fu31]::-ms-expand {
    display: none;
}

/* ── Toast ───────────────────────────────────────────────────────────── */

.alert[b-wmvth5fu31] {
    width: 100%;
    max-width: 400px;
    position: relative;
    border-radius: 6px;
    background-color: #ecebb3;
    border: 1px solid #bebd01;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0px;
    text-align: left;
    font-size: 14px;
    color: #1b1451;
    font-family: 'Open Sans';
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.alert-error[b-wmvth5fu31] {
    background-color: #fde8e8;
    border-color: #e53e3e;
}

.toast-fixed[b-wmvth5fu31] {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.wrap[b-wmvth5fu31] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.icon[b-wmvth5fu31] {
    width: 16px;
    height: 16px;
    position: relative;
}

.alert-title[b-wmvth5fu31] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.close-button-icon[b-wmvth5fu31] {
    height: 24px;
    width: 24px;
    cursor: pointer;
}

/* /Pages/Organisation/Profile.razor.rz.scp.css */
.insurance-section[b-9m7pcsawga] {
	margin-top: 2rem;
	padding: 0;
}

.insurance-section h2[b-9m7pcsawga] {
	font-size: 1.1rem;
	
}

.insurance-grid[b-9m7pcsawga] {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.insurance-grid .form-group[b-9m7pcsawga] {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0.75rem 0;
}

.insurance-grid .form-group:last-child[b-9m7pcsawga],
.insurance-grid .form-group:nth-last-child(2)[b-9m7pcsawga] {
	border-bottom: none;
}

.insurance-grid .form-group label[b-9m7pcsawga] {
	font-weight: 600;
	color: #333;
	font-size: 0.95rem;
	min-width: 200px;
	padding-right: 1rem;
	flex-shrink: 0;
}

.insurance-grid .form-group p[b-9m7pcsawga] {
	margin: 0;
	padding: 0;
	color: #555;
	font-size: 0.95rem;
	flex: 1;
}

.documents-section[b-9m7pcsawga] {
	margin-top: 2rem;
	padding: 0;
}

.documents-section h2[b-9m7pcsawga] {
	margin: 0;
	padding: 0.75rem 1rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #1b1451;
	background-color: #F4FBFA;
	border: 1px solid #ddd;
}

.documents-section[b-9m7pcsawga]  .rz-datatable {
	border-radius: 0 0 4px 4px;
	border-top: none;
}

.documents-section[b-9m7pcsawga]  .rz-datatable-thead > tr > th {
	background-color: #f5f5f5;
	font-weight: 600;
	color: #333;
	border-bottom: 2px solid #ddd;
	padding: 1rem;
}

.documents-section[b-9m7pcsawga]  .rz-datatable-tbody > tr > td {
	padding: 1rem;
	border-bottom: 1px solid #e8e8e8;
}

.documents-section-footer[b-9m7pcsawga] {
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
}

/* Insurance Status Indicator Styles */
.insurance-status-indicator[b-9m7pcsawga] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.status-indicator-circle[b-9m7pcsawga] {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Pending status — grey circle */
.status-pending[b-9m7pcsawga] {
	background-color: #b8b8b8;
}

/* Verified status — yellow circle (#bebd01, same as submitted applications) */
.status-verified[b-9m7pcsawga] {
	background-color: #bebd01;
}

/* Expired status — red circle */
.status-expired[b-9m7pcsawga] {
	background-color: #b00020;
}

.status-label[b-9m7pcsawga] {
	font-size: 0.85rem;
	font-weight: 500;
	color: #2c2c2c;
	white-space: nowrap;
}

/* Insurance Earliest Expiry Indicator Styles */
.insurance-expiry-indicator[b-9m7pcsawga] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.expiry-indicator-circle[b-9m7pcsawga] {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Expiry pending (valid) — grey circle */
.expiry-pending[b-9m7pcsawga] {
	background-color: #b8b8b8;
}

/* Expiry expired — red circle */
.expiry-expired[b-9m7pcsawga] {
	background-color: #b00020;
}

.expiry-label[b-9m7pcsawga] {
	font-size: 0.85rem;
	font-weight: 500;
	color: #2c2c2c;
	white-space: nowrap;
}

/* Expiry pill badge for "Expired" status */
.expiry-pill[b-9m7pcsawga] {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 16px;
	font-size: 0.85rem;
	font-weight: 500;
	white-space: nowrap;
}

.expiry-pill.expiry-expired[b-9m7pcsawga] {
	background-color: #b00020;
	color: white;
}

/* Expiry warning (yellow/gold) for days remaining */
.expiry-warning[b-9m7pcsawga] {
	color: #f57c00;
	font-weight: 500;
}

/* Page-level actions */
.page-actions[b-9m7pcsawga] {
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	margin: 24px 0 16px 0;
	padding: 16px 0;
	border-top: 1px solid #ddd;
}

.cancel-button[b-9m7pcsawga],
.save-button[b-9m7pcsawga] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s;
	background-color: white;
	color: #333;
}

.cancel-button:hover[b-9m7pcsawga] {
	background-color: #f5f5f5;
}

.save-button[b-9m7pcsawga] {
	background-color: #1976d2;
	color: white;
	border-color: #1976d2;
}

.save-button:hover[b-9m7pcsawga] {
	background-color: #1565c0;
}
/* /Pages/Organisation/TaxDetailsSectionComponent.razor.rz.scp.css */
.tax-details-section[b-xf2h4c0lrv] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	font-size: 14px;
	color: #2c2c2c;
	font-family: 'Open Sans', sans-serif;
	margin-top: 32px;
	width: 100%;
	max-width: 570px;
}

.tax-details-header[b-xf2h4c0lrv] {
	align-self: stretch;
	font-size: 20px;
	color: #000;
}

.tax-details-title[b-xf2h4c0lrv] {
	position: relative;
	line-height: 24px;
}

.tax-details-description[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #2c2c2c;
}

.tax-details-form[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

/* Saved Tax Details View */
.tax-details-saved[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
}

.frame-container[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
}

.tax-parent[b-xf2h4c0lrv] {
	align-self: stretch;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #b8b8b8;
	display: flex;
	align-items: center;
	padding: 12px 16px;
	gap: 12px;
}

.tax-icon[b-xf2h4c0lrv] {
	height: 24px;
	width: 24px;
	flex-shrink: 0;
	color: #2c2c2c;
}

.tax-reference-parent[b-xf2h4c0lrv] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.tax-reference-label[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	font-size: 14px;
	color: #2c2c2c;
	word-break: break-word;
}

.tax-reference-value[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	word-break: break-word;
}

.button-container[b-xf2h4c0lrv] {
	align-self: flex-start;
	display: flex;
	justify-content: flex-start;
	margin-top: 8px;
}

.form-group-wrapper[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
	position: relative;
	min-width: 0;
}

.label-parent[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
}

.label[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	gap: 6px;
	color: #2c2c2c;
}

.label-text[b-xf2h4c0lrv] {
	flex: 1;
	position: relative;
	line-height: 20px;
	font-weight: 500;
	color: #000;
}

.hint-icon[b-xf2h4c0lrv] {
	height: 24px;
	width: 24px;
	min-width: 24px;
	min-height: 24px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #0c0c3e;
	border-radius: 50%;
	color: #fff;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
	overflow: hidden;
	border: none;
	outline: none;
}

.hint-icon:hover[b-xf2h4c0lrv] {
	background-color: #1a1a4d;
}

.hint-icon[b-xf2h4c0lrv]  svg {
	height: 16px;
	width: 16px;
	color: #fff;
	fill: #fff;
}

.hint-icon[b-xf2h4c0lrv]  svg * {
	fill: #fff;
	color: #fff;
}

.content[b-xf2h4c0lrv] {
	align-self: stretch;
	height: 38px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 7px 16px;
	width: 100%;
	min-width: 0;
}

.input-field[b-xf2h4c0lrv] {
	flex: 1;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #2c2c2c;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	min-width: 0;
}

.input-field[b-xf2h4c0lrv]::placeholder {
	color: #b8b8b8;
}

.info-pop-up[b-xf2h4c0lrv] {
	width: 100%;
	position: absolute;
	border-radius: 6px;
	background-color: #0c0c3e;
	border: 1px solid #141469;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 8px;
	gap: 8px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	font-family: 'Open Sans';
	top: 100%;
	left: 0;
	margin-top: 4px;
	z-index: 10;
}

.info-pop-up .wrap[b-xf2h4c0lrv] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.info-pop-up .text[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	line-height: 18px;
}

.info-pop-up .close-icon[b-xf2h4c0lrv] {
	height: 16px;
	width: 16px;
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.info-pop-up .close-icon[b-xf2h4c0lrv]  svg {
	height: 16px;
	width: 16px;
	color: #fff;
	fill: #fff;
}

.info-pop-up .close-icon[b-xf2h4c0lrv]  svg * {
	fill: #fff;
	color: #fff;
}

.alert[b-xf2h4c0lrv] {
	align-self: stretch;
	border-radius: 6px;
	background-color: #fff2f9;
	border: 1px solid #da001d;
	display: flex;
	align-items: flex-start;
	padding: 16px;
	gap: 12px;
	color: #bf0019;
	font-size: 14px;
	line-height: 20px;
}

.wrap[b-xf2h4c0lrv] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.alert-header[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.alert-header svg[b-xf2h4c0lrv] {
	height: 16px;
	width: 16px;
	position: relative;
	flex-shrink: 0;
	margin-top: 2px;
}

.alert-text[b-xf2h4c0lrv] {
	flex: 1;
	font-size: 14px;
	line-height: 20px;
	color: #bf0019;
}

.close-button[b-xf2h4c0lrv] {
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	color: #da001d;
}

.close-button svg[b-xf2h4c0lrv] {
	height: 18px;
	width: 18px;
}

.tax-details-actions[b-xf2h4c0lrv] {
	align-self: flex-start;
	margin-top: 8px;
}

/* Confirmation Modal Styles */
.confirmation-overlay[b-xf2h4c0lrv] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	animation: fadeIn-b-xf2h4c0lrv 0.3s ease-in-out;
}

@keyframes fadeIn-b-xf2h4c0lrv {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.confirmation-modal[b-xf2h4c0lrv] {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
	padding: 16px;
	max-width: 600px;
	width: 90%;
	font-family: 'Open Sans', sans-serif;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	animation: slideUp-b-xf2h4c0lrv 0.3s ease-in-out;
}

@keyframes slideUp-b-xf2h4c0lrv {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.frame-parent[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.account-name-parent[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.account-name-label[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	font-weight: 600;
	color: #2c2c2c;
	font-size: 14px;
}

.account-name-value[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	color: #2c2c2c;
	font-size: 14px;
	word-break: break-word;
}

.are-these-the-correct-details-parent[b-xf2h4c0lrv] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	font-size: 16px;
	width: 100%;
}

.are-these-the[b-xf2h4c0lrv] {
	align-self: stretch;
	position: relative;
	line-height: 21px;
	font-weight: 600;
	color: #2c2c2c;
	font-size: 16px;
}

.button-parent[b-xf2h4c0lrv] {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

.btn-no[b-xf2h4c0lrv],
.btn-yes[b-xf2h4c0lrv] {
	display: none;
}
/* /Pages/Organisation/Team.razor.rz.scp.css */
.team-table-card[b-z94g3xb7ny] {
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    overflow-x: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2c2c2c;
}

.team-table-header[b-z94g3xb7ny] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 16px 24px;
    background-color: #fff;
    border-bottom: 1px solid #2c2c2c;
    font-weight: 600;
    font-size: 14px;
    min-width: 640px;
}

.team-table-body[b-z94g3xb7ny] {
    background-color: #fff;
}

.team-row[b-z94g3xb7ny] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 12px 24px;
    border-bottom: 1px solid #e2e2e2;
    min-width: 640px;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.team-row:hover[b-z94g3xb7ny] {
    background-color: #f7f7f7;
}

.team-row:focus[b-z94g3xb7ny] {
    outline: 2px solid #39827d;
    outline-offset: -2px;
}

.col-name[b-z94g3xb7ny] {
    flex: 0 0 200px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.col-email[b-z94g3xb7ny] {
    flex: 1 1 140px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-roles[b-z94g3xb7ny] {
    flex: 2 1 160px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
}

.col-status[b-z94g3xb7ny] {
    flex: 0 0 150px;
    min-width: 0;
}

.col-actions[b-z94g3xb7ny] {
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.avatar[b-z94g3xb7ny] {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: #ECECF3;
    border: 1px solid #B8B8B8;
    color: #1B1451;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
}

.member-name[b-z94g3xb7ny] {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
}

.first-name[b-z94g3xb7ny] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.last-name[b-z94g3xb7ny] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-badge[b-z94g3xb7ny] {
    border-radius: 6px;
    border: 1px solid #b8b8b8;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px;
    line-height: 18px;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 140px;
    overflow: hidden;
}

.role-badge span[b-z94g3xb7ny] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.role-overflow[b-z94g3xb7ny] {
    background-color: #1b1451;
    border-color: #b8b8b8;
    color: #fff;
    font-weight: 600;
    min-width: 36px;
    min-height: 36px;
    max-width: none;
    flex-shrink: 0;
    justify-content: center;
}

.status-badge[b-z94g3xb7ny] {
    height: 25px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    padding: 2px 12px;
    font-size: 14px;
    white-space: nowrap;
}

.status-active[b-z94g3xb7ny] {
    border: 1px solid #39827d;
    color: #39827d;
    background-color: #fff;
}

.status-invited[b-z94g3xb7ny] {
    background-color: #b84315;
    color: #fff;
}

.status-invite-requested[b-z94g3xb7ny] {
    background-color: #e07b39;
    color: #fff;
}

.status-failed[b-z94g3xb7ny] {
    background-color: #dc3545;
    color: #fff;
}

.status-expired[b-z94g3xb7ny] {
    border: 1px solid #b8b8b8;
    color: #707070;
    background-color: #fff;
}

.status-pending[b-z94g3xb7ny] {
    background-color: #b8b8b8;
    color: #fff;
}

.status-not-invited[b-z94g3xb7ny],
.status-not-applicable[b-z94g3xb7ny],
.status-unknown[b-z94g3xb7ny] {
    background-color: #b8b8b8;
    color: #fff;
}

.action-btn[b-z94g3xb7ny] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
}

.three-dots-icon[b-z94g3xb7ny] {
    font-size: 20px;
    line-height: 1;
    color: #2c2c2c;
}

.team-table-footer[b-z94g3xb7ny] {
    background-color: #fff;
    border-top: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 20px;
}

.invite-btn[b-z94g3xb7ny] {
    border-radius: 6px;
    background-color: #39827d;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    text-decoration: none;
    font-size: 14px;
}

/* ── Actions context menu ─────────────────────────────────────── */

.actions-menu-backdrop[b-z94g3xb7ny] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

.actions-menu[b-z94g3xb7ny] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 100;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    min-width: 180px;
    overflow: hidden;
}

.actions-menu-item[b-z94g3xb7ny] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #2c2c2c;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
    white-space: nowrap;
    line-height: 20px;
}

.actions-menu-item:last-child[b-z94g3xb7ny] {
    border-bottom: none;
}

.actions-menu-item:hover[b-z94g3xb7ny] {
    background-color: #f5f5f5;
}

.menu-icon[b-z94g3xb7ny] {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #2c2c2c;
    flex-shrink: 0;
}

    .invite-btn:hover[b-z94g3xb7ny] {
        background-color: #2e6d69;
        color: #fff;
    }

.chevron[b-z94g3xb7ny] {
    font-size: 18px;
}

.team-loading[b-z94g3xb7ny],
.team-empty[b-z94g3xb7ny] {
    padding: 24px;
    text-align: center;
    color: #707070;
}
/* /Pages/PaymentDetails/Edit.razor.rz.scp.css */
.bank-details[b-s1g8dymtkr] {
	width: 100%;
	position: relative;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	text-align: left;
	display: inline-block;
	padding-top: 1em;
}

.instance-parent[b-s1g8dymtkr] {
	padding-bottom: 0.5rem;
}

.bank-wrapper[b-s1g8dymtkr] {
	padding: 1.5rem 0.5rem 0.5rem 0.5rem;
}

.justify-content-around[b-s1g8dymtkr] {
	justify-content: space-between;
	padding-right: 6%;
}

.frame-container[b-s1g8dymtkr] {
	padding-bottom: 0.25rem;
}

.wrap[b-s1g8dymtkr] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.row[b-s1g8dymtkr] {
	display: flex;
	flex-direction: row;
}

.buttons[b-s1g8dymtkr] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	text-align: left;
	font-size: 16px;
	color: #39827d;
	padding-top: 0.5rem;

	.rz-button {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
	}
}

.are-these-details[b-s1g8dymtkr] {
	width: 100%;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	display: inline-block;
}

.skip-button[b-s1g8dymtkr] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 1rem;
}
/* /Pages/TaxDetails/Index.razor.rz.scp.css */
.bank-details[b-fzqnu23mfn] {
	width: 100%;
	position: relative;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	text-align: left;
	display: inline-block;
	padding-top: 1em;
}

.bank-wrapper[b-fzqnu23mfn] {
	padding: 1.5rem 0.5rem 0.5rem 0.5rem;
}

.justify-content-around[b-fzqnu23mfn] {
	justify-content: space-between;
	padding-right: 5%;
}

.frame-container[b-fzqnu23mfn] {
	padding-bottom: 0.25rem;
}

.wrap[b-fzqnu23mfn] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.row[b-fzqnu23mfn] {
	display: flex;
	flex-direction: row;
}

.buttons[b-fzqnu23mfn] {
	min-width: 150px;
	max-width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	text-align: left;
	font-size: 16px;
	color: #39827d;
	padding-top: 0.5rem;

	.rz-button {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
	}
}

/* Ensure Radzen body grows with its content and remove scrolling */
.rz-layout .rz-body[b-fzqnu23mfn] {
	grid-area: rz-body !important;
	height: auto !important;
	min-height: auto !important;
	overflow: visible !important;
}

/* Scoped override to fully remove scrolling and allow full content height */
.rz-body[b-fzqnu23mfn] {
	height: auto !important;
	min-height: auto !important;
	overflow: visible !important;
}

/* Remove any WebKit scrollbar styling to avoid hidden scrollbars behavior */
.rz-body[b-fzqnu23mfn]::-webkit-scrollbar {
	display: none !important;
}
/* /Pages/UserProfile.razor.rz.scp.css */
.primary-address[b-x59n5s1r0s] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 24px 5%; /* Reduced vertical padding for desktop */
	max-width: 570px;
}

@media (max-width: 600px) {
	.primary-address[b-x59n5s1r0s] {
		padding: 5%; /* Keep original padding for mobile */
		max-width: none;
	}

    .profile-btn-wrapper[b-x59n5s1r0s] {
        width: 100%;
    }
}

.alert[b-x59n5s1r0s] {
    width: 100%;
    max-width: 400px;
    position: relative;
    border-radius: 6px;
    background-color: #ecebb3;
    border: 1px solid #bebd01;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
    gap: 0px;
    text-align: left;
    font-size: 14px;
    color: #1b1451;
    font-family: 'Open Sans';
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.toast-fixed[b-x59n5s1r0s] {
    position: fixed;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.wrap[b-x59n5s1r0s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.icon[b-x59n5s1r0s] {
    width: 16px;
    height: 16px;
    position: relative;
}

.alert-title[b-x59n5s1r0s] {
    align-self: stretch;
    position: relative;
    line-height: 20px;
}

.close-button-icon[b-x59n5s1r0s] {
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.profile-btn-wrapper[b-x59n5s1r0s] {
    width: 150px;
}
/* /Pages/Welcome.razor.rz.scp.css */
.body[b-6hcmj0yv78] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px 16px;
	box-sizing: border-box;
	gap: 20px;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans';
}

.information-text[b-6hcmj0yv78] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
}

.terms-and-conditions-text-parent[b-6hcmj0yv78] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	color: #2c2c2c;
}

.terms-and-conditions[b-6hcmj0yv78] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	color: #000;
}

.button-wrapper[b-6hcmj0yv78] {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.checks[b-6hcmj0yv78] {
	width: 288px;
	display: flex;
	align-items: flex-start;
}

.checks2[b-6hcmj0yv78] {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
}

.icon[b-6hcmj0yv78] {
	display: flex;
	align-items: flex-start;
	padding: 8px;
}

.checkbox-iconsuncheck[b-6hcmj0yv78] {
	height: 16px;
	width: 16px;
	position: relative;
}

.checbox[b-6hcmj0yv78] {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #b8b8b8;
	box-sizing: border-box;
}

.label[b-6hcmj0yv78] {
	flex: 1;
	position: relative;
	line-height: 20px;
}

.alert[b-6hcmj0yv78] {
	width: 100%;
	position: relative;
	border-radius: 6px;
	background-color: #fff2f9;
	border: 1px solid #da001d;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	padding: 16px;
	gap: 12px;
	text-align: left;
	font-size: 14px;
	color: #bf0019;
	font-family: 'Open Sans';
}

.wrap[b-6hcmj0yv78] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.alert-title[b-6hcmj0yv78] {
	align-self: stretch;
	position: relative;
	line-height: 20px;
	white-space: pre-wrap;
}

.close-button-icon[b-6hcmj0yv78] {
	height: 24px;
	width: 24px;
	cursor: pointer;
	font-size: 24px;
}