@import '_content/BlazorStrap/BlazorStrap.10v83wk5fb.bundle.scp.css';

/* _content/Imail.Seractech.Web/Components/Controls/BalanceDisplayControl.razor.rz.scp.css */
div.balance-display-container[b-4iht2mfujw] {    
    border-top: 2px solid lightgray;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.balance-display-inner label.heading[b-4iht2mfujw] {
    display: block;
    text-align: center;
    width: 100%;
}

div.balance-display-inner label.value[b-4iht2mfujw] {
    display: block;
    text-align: center;
    background-color: #ffffff;
    width: 100%;
    border: 1px solid #E9EAEB;
    height: 30px;
    border-radius: 5px;
}
/* _content/Imail.Seractech.Web/Components/Controls/Campaign/CampaignSidePanel.razor.rz.scp.css */
.side-panel[b-i4x2ydb1o6] {
    position: fixed; /* stays on screen */
    top: 80px; /* adjust based on header height */
    right: 20px; /* adjust for layout */
    width: 300px;
    max-height: calc(100vh - 60px);
    overflow-y: auto; /* scroll inside panel */
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 10000;
    transition: opacity 0.3s ease-in-out;
    padding: 1rem;
    border-radius: 8px;
}

    /* Hidden / Visible for animation */
    .side-panel.hidden[b-i4x2ydb1o6] {
        display: none;
    }

    .side-panel.visible[b-i4x2ydb1o6] {
        transform: translateX(0);
    }

.step-group[b-i4x2ydb1o6] {
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding-bottom: 8px;
}

.group-toggle[b-i4x2ydb1o6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    padding: 8px 0;
    font-weight: 600;
    cursor: pointer;
}

.group-title[b-i4x2ydb1o6] {
    font-size: 14px;
}

.group-icon[b-i4x2ydb1o6] {
    font-size: 14px;
    opacity: 0.8;
}

.group-content[b-i4x2ydb1o6] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.option-button[b-i4x2ydb1o6] {
    text-align: left;
    border: 1px solid rgba(0,0,0,0.06);
    padding: 8px;
    background: #f8f9fa;
    border-radius: 4px;
    cursor: pointer;
}

    .option-button:hover[b-i4x2ydb1o6] {
        background: #eef2f6;
    }

.empty[b-i4x2ydb1o6] {
    color: rgba(0,0,0,0.45);
    font-size: 13px;
}

.panel-footer[b-i4x2ydb1o6] {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
}

.close-button[b-i4x2ydb1o6] {
    padding: 8px 12px;
    border-radius: 4px;
    background: #e0e0e0;
    border: none;
    cursor: pointer;
}
/* _content/Imail.Seractech.Web/Components/Controls/Campaign/CampaignStepPanel.razor.rz.scp.css */
.panel[b-oorq0cvzrt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;    
    padding: 16px;
}

.options-button[b-oorq0cvzrt] {
    display: flex;
    border-radius: 10px;
    border: 1px solid #E9EAEB;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}

.panel-summary[b-oorq0cvzrt] {
    display:flex;
    flex-direction:column;
}

.options-button.configure[b-oorq0cvzrt] {
    background-color: #FFF6F6;
    border: 1px solid #D93025;
    color: #D93025;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

    .options-button.configure:hover[b-oorq0cvzrt] {
        background-color: #FBEAEA;
        box-shadow: 0 2px 6px rgba(217, 48, 37, 0.25);
        transform: translateY(-1px);
    }

.options-button.configured[b-oorq0cvzrt] {
    background-color: #F5F9F9;
    border: 1px solid #003a3a;
    color: #003a3a;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

    .options-button.configured:hover[b-oorq0cvzrt] {
        background-color: #E2F4F3;
        box-shadow: 0 2px 6px rgba(0,161,155,0.2);
        transform: translateY(-1px);
    }

.configured-content[b-oorq0cvzrt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .configured-content i[b-oorq0cvzrt] {
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1;
        color: #003a3a;
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* _content/Imail.Seractech.Web/Components/Controls/CarbonCopyDetailsDialog.razor.rz.scp.css */
.split-details-dialog .e-dlg-content[b-rrvewfaoh3] {
    padding: 0;
}

.tabs[b-rrvewfaoh3] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-rrvewfaoh3] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-rrvewfaoh3] {
        background-color: #efefef;
    }

    .tab.active[b-rrvewfaoh3] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

.tab-content[b-rrvewfaoh3] {
    display: none;
    padding: 20px 10px;
    border-top: 1px solid #e5e7eb;
}

    .tab-content.active-content[b-rrvewfaoh3] {
        display: block;
    }


.split-layout[b-rrvewfaoh3] {
    min-height: 70vh;
}

.tab-content[b-rrvewfaoh3] {
    display: block;
    background: #ffffff;
    padding: 16px;
    overflow: auto;
}

.hidden-content[b-rrvewfaoh3] {
    display: none !important;
}

.details-header[b-rrvewfaoh3] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.details-grid[b-rrvewfaoh3] {
    display: grid;
    grid-template-columns: 160px 1fr;
    row-gap: 10px;
    column-gap: 16px;
}

    .details-grid .label[b-rrvewfaoh3] {
        font-weight: 600;
        font-size: 12px;
        color: #6b7280;
        background: #f3f4f6;
        padding: 8px 10px;
        border-radius: 4px;
    }

    .details-grid .value[b-rrvewfaoh3] {
        font-size: 12px;
        color: #111827;
        background: #ffffff;
        padding: 8px 10px;
        border-radius: 4px;
        border: 1px solid #f3f4f6;
    }


.documents-grid[b-rrvewfaoh3] {
}

.failures-grid[b-rrvewfaoh3] {
}

.templateDownloadLink[b-rrvewfaoh3] {
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}
/* _content/Imail.Seractech.Web/Components/Controls/DialogBase.razor.rz.scp.css */
.e-dlg-content[b-nyaq1mgqt5] {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.dialog-content-wrapper[b-nyaq1mgqt5] {
    position: relative;
    flex: 1; /* stretch to fill parent */
    height: 100%; /* fallback for safety */
    min-height: 0; /* allows internal scroll if needed */
}

    /* The spinner overlay fills the wrapper but does NOT affect content layout */
    .dialog-content-wrapper .spinner-overlay[b-nyaq1mgqt5] {
        position: absolute;
        inset: 0; /* shorthand for top/right/bottom/left: 0 */
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.6); /* optional dim effect */
        z-index: 10;
        pointer-events: none; /* let clicks pass through if desired */
    }
/* _content/Imail.Seractech.Web/Components/Controls/DialogComponent.razor.rz.scp.css */
.modal-overlay[b-gq3umqwnos] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1100;
	animation: fadeIn-b-gq3umqwnos 0.2s ease;
}

@keyframes fadeIn-b-gq3umqwnos {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.modal-dialog[b-gq3umqwnos] {
	position: relative;
	width: auto;
	margin: 1.75rem;
	pointer-events: auto;
}

.modal-content[b-gq3umqwnos] {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
	animation: slideDown-b-gq3umqwnos 0.3s ease;
	max-width: 500px;
}

@keyframes slideDown-b-gq3umqwnos {
	from {
		transform: translateY(-50px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.modal-header[b-gq3umqwnos] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #dee2e6;
}

.modal-title[b-gq3umqwnos] {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 500;
}

.btn-close[b-gq3umqwnos] {
	padding: 0;
	margin: -0.5rem -0.5rem -0.5rem auto;
	background-color: transparent;
	border: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	opacity: 0.5;
	cursor: pointer;
}

	.btn-close:hover[b-gq3umqwnos] {
		opacity: 0.75;
	}

.modal-body[b-gq3umqwnos] {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer[b-gq3umqwnos] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
}

.btn[b-gq3umqwnos] {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	border: 1px solid transparent;
}

.btn-primary[b-gq3umqwnos] {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

	.btn-primary:hover[b-gq3umqwnos] {
		background-color: #0b5ed7;
		border-color: #0a58ca;
	}

.btn-secondary[b-gq3umqwnos] {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

	.btn-secondary:hover[b-gq3umqwnos] {
		background-color: #5c636a;
		border-color: #565e64;
	}

.btn-danger[b-gq3umqwnos] {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

	.btn-danger:hover[b-gq3umqwnos] {
		background-color: #bb2d3b;
		border-color: #b02a37;
	}
/* _content/Imail.Seractech.Web/Components/Controls/DialogSpinnerComponent.razor.rz.scp.css */
.spinner-container[b-goa96qhmta] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s ease-in-out;
}

	.spinner-container.show[b-goa96qhmta] {
		opacity: 1;
		visibility: visible;
	}

	.spinner-container.hide[b-goa96qhmta] {
		opacity: 0;
		visibility: hidden;
	}

/* Full screen overlay spinner variant */
.spinner-fullscreen[b-goa96qhmta] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

/* Inline spinner variant */
.spinner-inline[b-goa96qhmta] {
	min-height: 100px;
	width: 100%;
}

.my-custom-spinner .e-spinner-pane .e-spin-bootstrap[b-goa96qhmta] {
	stroke: #00A19B !important;
	fill: transparent !important;
}
/* _content/Imail.Seractech.Web/Components/Controls/DocumentDetailsDialog.razor.rz.scp.css */
.doc-details-dialog .e-dlg-content[b-qoyo4zzjsy] {
    padding: 0;
}

.doc-layout[b-qoyo4zzjsy] {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 0;
    min-height: 70vh;
}

.viewer-column[b-qoyo4zzjsy] {
    background: #ffffff;
    height: 100%;
    min-height: 70vh;
}

.viewer-placeholder[b-qoyo4zzjsy] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #8a8f98;
}

.details-column[b-qoyo4zzjsy] {
    background: #ffffff;
    border-left: 1px solid #e5e7eb;
    padding: 16px;
    overflow: auto;
}

.details-header[b-qoyo4zzjsy] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.details-grid[b-qoyo4zzjsy] {
    display: grid;
    grid-template-columns: 160px 1fr;
    row-gap: 10px;
    column-gap: 16px;
}

.details-grid .label[b-qoyo4zzjsy] {
    font-weight: 600;
    font-size: 12px;
    color: #6b7280;
    background: #f3f4f6;
    padding: 8px 10px;
    border-radius: 4px;
}

.details-grid .value[b-qoyo4zzjsy] {
    font-size: 12px;
    color: #111827;
    background: #ffffff;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #f3f4f6;
}

.templateDownloadLink[b-qoyo4zzjsy] {
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}

[b-qoyo4zzjsy] div.actions .dm-primary
{
    margin-left: 8px !important;
}

@media (max-width: 1024px) {
    .doc-layout[b-qoyo4zzjsy] {
        grid-template-columns: 1fr;
    }

    .details-column[b-qoyo4zzjsy] {
        border-left: none;
        border-top: 1px solid #e5e7eb;
    }
}
/* _content/Imail.Seractech.Web/Components/Controls/EmailAddressControl.razor.rz.scp.css */
/* Email Address Control Styles */
.email-control-container[b-liycig588r] {
    width: 100%;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 16px;
    margin-top: 4px;
}

/* Add Email Section */
.add-email-section[b-liycig588r] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.email-input-group[b-liycig588r] {
    flex: 1;
    min-width: 200px;
}

.add-email-button[b-liycig588r] {
    flex-shrink: 0;
    height: 40px;
    padding: 0 16px;
    background-color: var(--color-primary, #003a3a);
    border: 1px solid var(--color-primary, #003a3a);
    color: white;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.add-email-button:hover:not(:disabled)[b-liycig588r] {
    background-color: var(--color-primary-hover, #004d4d);
    border-color: var(--color-primary-hover, #004d4d);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.add-email-button:disabled[b-liycig588r] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Email List Section */
.email-list-section[b-liycig588r] {
    border-top: 1px solid #f1f5f9;
    padding-top: 16px;
}

.email-item[b-liycig588r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f8fafc;
    gap: 12px;
}

.email-item:last-child[b-liycig588r] {
    border-bottom: none;
}

.email-address-text[b-liycig588r] {
    flex: 1;
    font-size: 14px;
    color: #374151;
    word-break: break-all;
    min-width: 0;
}

.email-actions[b-liycig588r] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.email-action-button[b-liycig588r] {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid;
    white-space: nowrap;
}

.edit-button[b-liycig588r] {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: white;
}

.edit-button:hover[b-liycig588r] {
    background-color: #2563eb;
    border-color: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.25);
}

.delete-button[b-liycig588r] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.delete-button:hover[b-liycig588r] {
    background-color: #c82333;
    border-color: #bd2130;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.25);
}

/* No Email Message */
.no-emails-message[b-liycig588r] {
    text-align: center;
    color: #6b7280;
    font-style: italic;
    padding: 20px 0;
    font-size: 14px;
}

/* Syncfusion TextBox Integration */
[b-liycig588r] .e-input-group,
[b-liycig588r] .e-textbox {
    border-radius: 6px;
    border: 1px solid #d1d5db;
    height: 40px;
}

[b-liycig588r] .e-input-group:focus-within,
[b-liycig588r] .e-textbox:focus-within {
    border-color: var(--color-primary, #003a3a);
    box-shadow: 0 0 0 2px rgba(0, 58, 58, 0.1);
}

[b-liycig588r] .e-input-group .e-input,
[b-liycig588r] .e-textbox .e-input {
    padding: 8px 12px;
    font-size: 14px;
    color: #374151;
}

/* Responsive Design */
@media (max-width: 768px) {
    .add-email-section[b-liycig588r] {
        flex-direction: column;
        align-items: stretch;
    }

    .email-input-group[b-liycig588r] {
        min-width: auto;
    }

    .add-email-button[b-liycig588r] {
        width: 100%;
        justify-content: center;
    }

    .email-item[b-liycig588r] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .email-actions[b-liycig588r] {
        justify-content: stretch;
    }

    .email-action-button[b-liycig588r] {
        flex: 1;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .email-control-container[b-liycig588r] {
        padding: 12px;
    }

    .email-actions[b-liycig588r] {
        flex-direction: column;
        gap: 6px;
    }
}
/* _content/Imail.Seractech.Web/Components/Controls/FailedDetailsDialog.razor.rz.scp.css */
.failed-details-dialog .e-dlg-content[b-grlkyo45yu] {
    padding: 0;
}

.tabs[b-grlkyo45yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-grlkyo45yu] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-grlkyo45yu] {
        background-color: #efefef;
    }

    .tab.active[b-grlkyo45yu] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

.tab-content[b-grlkyo45yu] {
    display: none;
    padding: 20px 10px;
    border-top: 1px solid #e5e7eb;
}

    .tab-content.active-content[b-grlkyo45yu] {
        display: block;
    }


.failed-layout[b-grlkyo45yu] {
    min-height: 70vh;
}

.tab-content[b-grlkyo45yu] {
    display: block;
    background: #ffffff;
    padding: 16px;
    overflow: auto;
}

.hidden-content[b-grlkyo45yu] {
    display: none !important;
}

.details-header[b-grlkyo45yu] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.details-grid[b-grlkyo45yu] {
    display: grid;
    grid-template-columns: 160px 1fr;
    row-gap: 10px;
    column-gap: 16px;
}

    .details-grid .label[b-grlkyo45yu] {
        font-weight: 600;
        font-size: 12px;
        color: #6b7280;
        background: #f3f4f6;
        padding: 8px 10px;
        border-radius: 4px;
    }

    .details-grid .value[b-grlkyo45yu] {
        font-size: 12px;
        color: #111827;
        background: #ffffff;
        padding: 8px 10px;
        border-radius: 4px;
        border: 1px solid #f3f4f6;
    }


.documents-grid[b-grlkyo45yu] {
}

.failures-grid[b-grlkyo45yu] {
}

.templateDownloadLink[b-grlkyo45yu] {
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}
/* _content/Imail.Seractech.Web/Components/Controls/MailmergeDetailsDialog.razor.rz.scp.css */
.mm-details-dialog .e-dlg-content[b-623hikh5kr] {
    padding: 0;
}

.tabs[b-623hikh5kr] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-623hikh5kr] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-623hikh5kr] {
        background-color: #efefef;
    }

    .tab.active[b-623hikh5kr] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

.tab-content[b-623hikh5kr] {
    display: none;
    padding: 20px 10px;
    border-top: 1px solid #e5e7eb;
}

    .tab-content.active-content[b-623hikh5kr] {
        display: block;
    }


.mm-layout[b-623hikh5kr] {
    min-height: 70vh;
}

.tab-content[b-623hikh5kr] {
    display: block;
    background: #ffffff;
    padding: 16px;
    overflow: auto;
}

.hidden-content[b-623hikh5kr] {
    display: none !important;
}

.details-header[b-623hikh5kr] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.details-grid[b-623hikh5kr] {
    display: grid;
    grid-template-columns: 160px 1fr;
    row-gap: 10px;
    column-gap: 16px;
}

    .details-grid .label[b-623hikh5kr] {
        font-weight: 600;
        font-size: 12px;
        color: #6b7280;
        background: #f3f4f6;
        padding: 8px 10px;
        border-radius: 4px;
    }

    .details-grid .value[b-623hikh5kr] {
        font-size: 12px;
        color: #111827;
        background: #ffffff;
        padding: 8px 10px;
        border-radius: 4px;
        border: 1px solid #f3f4f6;
    }


.documents-grid[b-623hikh5kr] {
}

.failures-grid[b-623hikh5kr] {
}

.templateDownloadLink[b-623hikh5kr] {
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}


/* _content/Imail.Seractech.Web/Components/Controls/MediaLibraryDocumentUploadDialog.razor.rz.scp.css */
.upload-box[b-y1rn0itmke] {
	border: 2px dashed #ccc;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 8px;
}

.upload-hint[b-y1rn0itmke] {
	font-size: 0.9rem;
	color: #666;
	margin-top: 10px;
}

.form-field[b-y1rn0itmke] {
	display: flex;
	flex-direction: column;
}

.form-grid[b-y1rn0itmke] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.form-actions[b-y1rn0itmke] {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

	.form-actions button[b-y1rn0itmke] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}
/* _content/Imail.Seractech.Web/Components/Controls/MediaLibraryItemSharedUsersDialog.razor.rz.scp.css */
.form-grid[b-bylk1drgpg] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.form-actions[b-bylk1drgpg] {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

	.form-actions button[b-bylk1drgpg] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}
/* _content/Imail.Seractech.Web/Components/Controls/PdfViewer.razor.rz.scp.css */
.filter-container[b-w7xq5kxiwa] {
    width: 100%;
    gap: 16px;
    font-family: 'Funnel Sans', sans-serif;
    margin-bottom: 10px;
}

.form-group[b-w7xq5kxiwa] {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 600;
    color: #535862;
    /* Tailwind gray-700 */
    background-color: #ffffff;
}


div.filter-label[b-w7xq5kxiwa] {
    width: 300px;
}

div.filter-switch-container[b-w7xq5kxiwa] {
    flex-grow: 1;
    height: 31.33px;
    padding-top: 5px;
}
/* _content/Imail.Seractech.Web/Components/Controls/SFInlineEditableGrid.razor.rz.scp.css */
.inline-editable-grid-wrapper[b-06zoxuymbb] {
    position: relative;
}

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-rowcell:not(:has(.non-editable)) {
    /*background-color: #f8fafc;*/
    border: 1px dashed #cbd5e1;
    /*border-radius: 4px;*/
    cursor: text;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    position: relative;
}

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-rowcell:not(:has(.non-editable)):hover {
        background-color: #eef6ff;
        border-color: #3b82f6;
        outline: 1px dashed #3b82f6;
        outline-offset: -2px;
    }

        .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-rowcell:not(:has(.non-editable)):hover::after {
            content: "✎";
            position: absolute;
            top: 4px;
            right: 6px;
            font-size: 0.8rem;
            color: #64748b;
        }

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell {
    background-color: #eef6ff !important;
    border: 1px dashed #3b82f6 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative;
}

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell .e-input,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell .e-control,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell .e-input-group,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell .e-control-wrapper,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell .e-input-focus,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell input:focus,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell textarea:focus {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell input,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell textarea {
        border: 1px dashed #3b82f6 !important;
        border-radius: 4px !important;
        background-color: #eef6ff !important;
    }

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid .e-editedbatchcell::after {
        content: "✎";
        position: absolute;
        top: 4px;
        right: 6px;
        font-size: 0.8rem;
        color: #3b82f6;
    }

/*.inline-editable-grid-wrapper ::deep .e-grid tr:not(.invalid-row):not(.duplicate-row) td.e-rowcell.e-active:not(.e-updatedtd),
.inline-editable-grid-wrapper ::deep .e-grid tr:not(.invalid-row):not(.duplicate-row).e-selectionbackground td:not(.e-updatedtd),
.inline-editable-grid-wrapper ::deep .e-grid tr:not(.invalid-row):not(.duplicate-row).e-active td:not(.e-updatedtd),
.inline-editable-grid-wrapper ::deep .e-grid tr:not(.invalid-row):not(.duplicate-row).e-focused td:not(.e-updatedtd) {
    background-color: transparent !important;
    color: inherit !important;
}*/

.inline-editable-grid-wrapper[b-06zoxuymbb]  .delete-btn.e-btn:hover,
.inline-editable-grid-wrapper[b-06zoxuymbb]  .delete-btn.e-btn:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .delete-btn.e-btn:disabled,
    .inline-editable-grid-wrapper[b-06zoxuymbb]  .delete-btn.e-btn[disabled] {
        background-color: transparent !important;
        opacity: 0.4 !important;
        cursor: not-allowed !important;
        box-shadow: none !important;
        border: none !important;
    }

.inline-editable-grid-wrapper[b-06zoxuymbb]  .invalid-row td {
    background-color: #fee2e2 !important;
    border-left: 4px solid #dc2626 !important;
}

.inline-editable-grid-wrapper[b-06zoxuymbb]  .duplicate-row td {
    background-color: #fef3c7 !important;
    border-left: 4px solid #f59e0b !important;
}

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr.invalid-row.e-selectionbackground td,
.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr.invalid-row.e-active td,
.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr.invalid-row.e-focused td {
    background-color: #fee2e2 !important;
    border-left: 4px solid #dc2626 !important;
}

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr.duplicate-row.e-selectionbackground td,
.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr.duplicate-row.e-active td,
.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr.duplicate-row.e-focused td {
    background-color: #fef3c7 !important;
    border-left: 4px solid #f59e0b !important;
}

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid td.e-updatedtd {
        background-color: #FFF4E5 !important;
        color: #B45309 !important;
    }

    .inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr:has(td.e-updatedtd):not(.invalid-row):not(.duplicate-row) td {
        background-color: #FFF4E5 !important;
        color: #B45309 !important;
    }

    .inline-editable-grid-wrapper[b-06zoxuymbb]  tr.edited-row:not(.invalid-row):not(.duplicate-row) td {
        background-color: #FFF4E5 !important;
        color: #B45309 !important;
    }

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid tr:has(td.e-updatedtd):not(.invalid-row):not(.duplicate-row) td {
    background-color: #FFF4E5 !important;
    color: #B45309 !important;
}

/* Legend panel positioned above grid */
[b-06zoxuymbb] .grid-legend.attached-legend {
    background-color: #f9fafb;
    border: 1px solid #dee2e6;
    border-bottom: none;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.05);
    transition: opacity 0.2s ease-in-out;
    margin-bottom: 0;
    opacity: 1;
    position: relative;
}

[b-06zoxuymbb] .legend-list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 0.5rem 0;
}

    [b-06zoxuymbb] .legend-list li {
        display: flex;
        align-items: center;
        margin-bottom: 6px;
        line-height: 1.4;
        font-size: 0.9rem;
    }

        [b-06zoxuymbb] .legend-list li strong {
            margin-right: 5px;
            display: inline-block;
        }

[b-06zoxuymbb] .legend-swatch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    margin-right: 10px;
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,0.1);
}

    [b-06zoxuymbb] .legend-swatch.edited {
        background-color: #FFF4E5;
    }

    [b-06zoxuymbb] .legend-swatch.duplicate {
        background-color: #FEF3C7;
    }

    .legend-swatch.invalid[b-06zoxuymbb] {
        background-color: #FEE2E2;
    }

[b-06zoxuymbb] .legend-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border: none;
    color: #555;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    padding: 4px;
    transition: color 0.2s ease;
}

    [b-06zoxuymbb] .legend-close:hover {
        color: #000;
    }

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.inline-editable-grid-wrapper:has(.attached-legend)[b-06zoxuymbb]  .e-grid {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
}

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid td.e-focused,
.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-grid td.e-focused::after {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.inline-editable-grid-wrapper[b-06zoxuymbb]  .e-tooltip {
    display: inline-block !important;
    vertical-align: middle;
}





/* _content/Imail.Seractech.Web/Components/Controls/SFMediaLibraryDropDown.razor.rz.scp.css */
.loading-indicator[b-0um896vehk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    color: #333;
    font-size: 0.9rem;
}
/* _content/Imail.Seractech.Web/Components/Controls/SFMultiSelectSharedUsers.razor.rz.scp.css */
.shared-users[b-t16ivgnf0o]  .e-multi-select-wrapper .e-chips {
    background-color: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
    border-radius: 6px;
}

    .shared-users[b-t16ivgnf0o]  .e-multi-select-wrapper .e-chips .e-chipcontent {
        color: #374151 !important; /* gray-700 */
        -webkit-text-fill-color: #374151 !important;
    }

    .shared-users[b-t16ivgnf0o]  .e-multi-select-wrapper .e-chips .e-chips-close::before {
        color: #6b7280 !important; /* gray-600 */
        -webkit-text-fill-color: #6b7280 !important;
        opacity: .9;
    }

.shared-users[b-t16ivgnf0o]  .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon:hover {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

.shared-users[b-t16ivgnf0o]  .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon:focus {
    outline: none !important;
    box-shadow: none !important;
}

.dropdown-item-with-subtext[b-t16ivgnf0o] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    padding: 4px 8px;
}

.dropdown-main-text[b-t16ivgnf0o] {
    font-weight: bold;
}

.dropdown-subtext[b-t16ivgnf0o] {
    font-size: 11px;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/Imail.Seractech.Web/Components/Controls/SpinnerComponent.razor.rz.scp.css */
.spinner-container[b-a8tipe88w9] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s ease-in-out;
}

	.spinner-container.show[b-a8tipe88w9] {
		opacity: 1;
		visibility: visible;
	}

	.spinner-container.hide[b-a8tipe88w9] {
		opacity: 0;
		visibility: hidden;
	}

/* Full screen overlay spinner variant */
.spinner-fullscreen[b-a8tipe88w9] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

/* Inline spinner variant */
.spinner-inline[b-a8tipe88w9] {
	min-height: 100px;
	width: 100%;
}

.my-custom-spinner .e-spinner-pane .e-spin-bootstrap[b-a8tipe88w9] {
	stroke: #00A19B !important;
	fill: transparent !important;
}
/* _content/Imail.Seractech.Web/Components/Controls/SplitDetailsDialog.razor.rz.scp.css */
.split-details-dialog .e-dlg-content[b-g9qs3y59rt] {
    padding: 0;
}

.tabs[b-g9qs3y59rt] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-g9qs3y59rt] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-g9qs3y59rt] {
        background-color: #efefef;
    }

    .tab.active[b-g9qs3y59rt] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

.tab-content[b-g9qs3y59rt] {
    display: none;
    padding: 20px 10px;
    border-top: 1px solid #e5e7eb;
}

    .tab-content.active-content[b-g9qs3y59rt] {
        display: block;
    }


.split-layout[b-g9qs3y59rt] {
    min-height: 70vh;
}

.tab-content[b-g9qs3y59rt] {    
    display: block;
    background: #ffffff;
    padding: 16px;
    overflow: auto;
}

.hidden-content[b-g9qs3y59rt] {
    display: none !important;
}

.details-header[b-g9qs3y59rt] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.details-grid[b-g9qs3y59rt] {
    display: grid;
    grid-template-columns: 160px 1fr;
    row-gap: 10px;
    column-gap: 16px;
}

    .details-grid .label[b-g9qs3y59rt] {
        font-weight: 600;
        font-size: 12px;
        color: #6b7280;
        background: #f3f4f6;
        padding: 8px 10px;
        border-radius: 4px;
    }

    .details-grid .value[b-g9qs3y59rt] {
        font-size: 12px;
        color: #111827;
        background: #ffffff;
        padding: 8px 10px;
        border-radius: 4px;
        border: 1px solid #f3f4f6;
    }


.documents-grid[b-g9qs3y59rt] {

}

.failures-grid[b-g9qs3y59rt] {

}

.templateDownloadLink[b-g9qs3y59rt] {
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}
/* _content/Imail.Seractech.Web/Components/Controls/StatusBadge.razor.rz.scp.css */
.status-badge[b-wse1ykj38e] {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid transparent;
    background-color: transparent;
}

    /* Status-specific styles */
    .status-badge.white[b-wse1ykj38e] {
        color: #000000;
        border-color: #000000;
    }

    .status-badge.green[b-wse1ykj38e] {
        color: #0f766e;
        border-color: #99f6e4;
        background-color: rgba(16, 185, 129, 0.1);
    }

    .status-badge.grey[b-wse1ykj38e] {
        color: #6b7280;
        border-color: #d1d5db;
        background-color: rgba(107, 114, 128, 0.1);
    }

    .status-badge.red[b-wse1ykj38e] {
        color: #dc2626;
        border-color: #fecaca;
        background-color: rgba(220, 38, 38, 0.1);
    }

    .status-badge.yellow[b-wse1ykj38e] {
        color: #d97706;
        border-color: #fde68a;
        background-color: rgba(234, 179, 8, 0.1);
    }

    .status-badge.blue[b-wse1ykj38e] {
        color: #3b82f6;
        border-color: #bfdbfe;
        background-color: rgba(59, 130, 246, 0.1);
    }
/* _content/Imail.Seractech.Web/Components/Controls/TeamCreateUserDialog.razor.rz.scp.css */
.tabs[b-udf4p5pyxo] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-udf4p5pyxo] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-udf4p5pyxo] {
        background-color: #efefef;
    }

    .tab.active[b-udf4p5pyxo] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

    .tab.tab-error[b-udf4p5pyxo] {
        border-bottom: 2px solid red;
        color: red;
    }


.tab-content[b-udf4p5pyxo] {
    display: none;
    padding: 0px 10px;
}

    .tab-content.active-content[b-udf4p5pyxo] {
        display: block;
    }

.form-actions[b-udf4p5pyxo] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .form-actions button[b-udf4p5pyxo] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

p.subtext[b-udf4p5pyxo] {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: 400;
}

.line-gray[b-udf4p5pyxo] {
    border: 1px solid #d1d5db;
    margin: -5px !important;
}

.form-container[b-udf4p5pyxo] {
    max-width: 900px;
}

.form-row[b-udf4p5pyxo] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.form-label[b-udf4p5pyxo] {
    flex: 0 0 150px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    color: #414651;
}

    .form-label .required[b-udf4p5pyxo] {
        color: #5479F7;
    }

.form-field[b-udf4p5pyxo] {
    flex: 1;
}

    .form-field.fullname[b-udf4p5pyxo] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .form-field .two-inputs[b-udf4p5pyxo] {
        display: flex;
        margin-bottom: 15px;
    }

        .form-field .two-inputs span[b-udf4p5pyxo] {
            flex: 0.8;
            font-size: 14px;
            font-weight: 400;
            color: #272833;
        }

.textbox-group[b-udf4p5pyxo] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.half[b-udf4p5pyxo] {
    flex: 0.5 !important;
}

.subtextsmall[b-udf4p5pyxo] {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #525862;
    margin-top: 6px;
}

.dropdown-item-with-subtext[b-udf4p5pyxo] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    padding: 4px 8px;
}

.dropdown-main-text[b-udf4p5pyxo] {
    font-weight: bold;
}

.dropdown-subtext[b-udf4p5pyxo] {
    font-size: 11px;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/Imail.Seractech.Web/Components/Controls/TeamEditCompanyDialog.razor.rz.scp.css */

.form-actions[b-9deo0in6cl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .form-actions button[b-9deo0in6cl] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

p.subtext[b-9deo0in6cl] {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: 400;
}

.line-gray[b-9deo0in6cl] {
    border: 1px solid #d1d5db;
    margin: -5px !important;
}

.form-container[b-9deo0in6cl] {
    max-width: 900px;
}

.form-row[b-9deo0in6cl] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.form-label[b-9deo0in6cl] {
    flex: 0 0 150px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    color: #414651;
}

    .form-label .required[b-9deo0in6cl] {
        color: #5479F7;
    }

.form-field[b-9deo0in6cl] {
    flex: 1;
}

    .form-field input[type="text"][b-9deo0in6cl],
    .form-field select[b-9deo0in6cl] {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

    .form-field.company-address[b-9deo0in6cl] {
        display: flex;
        flex-direction: column;
        gap: 1rem; /* gap between groups */
    }

    .form-field .two-inputs[b-9deo0in6cl] {
        display: flex;
    }

.textbox-group[b-9deo0in6cl] {
    display: flex;
    flex-direction: column;
    gap: 0; /* no gap between textbox and validator */
}

.city-county[b-9deo0in6cl] {
    gap: 10px;
    display: flex;
    width: 100%;
}

    .city-county .textbox-group[b-9deo0in6cl] {
        flex: 1 1 50%;
    }

.postcode[b-9deo0in6cl] {
    max-width: calc(50% - 5px); /* account for the 10px gap between city/county */
}

.subtextsmall[b-9deo0in6cl] {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #525862;
    margin-top: 6px;
}

.user-info[b-9deo0in6cl] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding: 12px 12px;
    border-radius: 10px;
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

    .user-info .user-avatar[b-9deo0in6cl] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        background-color: #e5e7eb;
    }

    .user-info .user-details[b-9deo0in6cl] {
        display: flex;
        flex-direction: column;
        line-height: 1.4;
    }

    .user-info .user-name[b-9deo0in6cl] {
        font-weight: 600;
        font-size: 1rem;
        color: #111827; 
    }

    .user-info .user-meta[b-9deo0in6cl] {
        color: #6b7280; 
        font-size: 0.9rem;
    }
/* _content/Imail.Seractech.Web/Components/Controls/TeamUserAccessDialog.razor.rz.scp.css */
.grid-section[b-z4im2ic7kt] {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);    
    margin-bottom: 15px;
}

.grid-header[b-z4im2ic7kt] {
    padding: 20px 24px 0 24px;
}

.add-rule-panel[b-z4im2ic7kt] {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 20px 24px 10px 24px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.add-rule-header[b-z4im2ic7kt] {
    margin-bottom: 14px;
}

.add-rule-title[b-z4im2ic7kt] {
    display: block;
    font-weight: 600;
    color: #111827;
    font-size: 1rem;
}

.add-rule-subtext[b-z4im2ic7kt] {
    display: block;
    font-size: 0.9rem;
    color: #6b7280;
    margin-top: 2px;
}

.add-rule-content[b-z4im2ic7kt] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.add-rule-footer[b-z4im2ic7kt] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #e5e7eb;
}

    .add-rule-footer button[b-z4im2ic7kt] {
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

#UserAccessGrid[b-z4im2ic7kt] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
}

[b-z4im2ic7kt] .e-gridheader {
    border-top: 0;
}

.section-title[b-z4im2ic7kt] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 16px;
}

.form-row[b-z4im2ic7kt] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.form-label[b-z4im2ic7kt] {
    flex: 0 0 150px;
    font-weight: 600;
    color: #374151;
}

.form-field[b-z4im2ic7kt] {
    flex: 1;
}

.form-actions[b-z4im2ic7kt] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .form-actions button[b-z4im2ic7kt] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

.form-label .required[b-z4im2ic7kt] {
    color: #5479F7;
}

.account-role-panel[b-z4im2ic7kt] {
    padding: 0px 24px 20px 24px;    
}

.account-role-header[b-z4im2ic7kt] {
    margin-bottom: 14px;
}

.account-role-title[b-z4im2ic7kt] {
    display: block;
    font-weight: 600;
    color: #111827;
    font-size: 1rem;
}

.account-role-subtext[b-z4im2ic7kt] {
    display: block;
    font-size: 0.9rem;
    color: #6b7280;
    margin-top: 2px;
}

.account-role-content[b-z4im2ic7kt] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.dropdown-item-with-subtext[b-z4im2ic7kt] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    padding: 4px 8px;
}

.dropdown-main-text[b-z4im2ic7kt] {
    font-weight: bold;
}

.dropdown-subtext[b-z4im2ic7kt] {
    font-size: 11px;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cell-main[b-z4im2ic7kt]{
    font-weight: bold;
    display: block;
}

.cell-subtext[b-z4im2ic7kt]{
    font-size: 12px;
    opacity: 0.8;
}

.action-btn.e-btn:hover[b-z4im2ic7kt],
.action-btn.e-btn:focus[b-z4im2ic7kt] {
    background-color: transparent !important;
    box-shadow: none !important;
}

.action-btn.e-btn:disabled[b-z4im2ic7kt],
.action-btn.e-btn[disabled][b-z4im2ic7kt] {
    background-color: transparent !important;
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    border: none !important;
}

.toggle-btn[b-z4im2ic7kt] {
    font-size: 0.9rem;
    color: #003a3a;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
}

    .toggle-btn:focus[b-z4im2ic7kt]{
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .toggle-btn:hover[b-z4im2ic7kt] {
        text-decoration: underline;
    }
/* _content/Imail.Seractech.Web/Components/Controls/TeamUserSettingsDialog.razor.rz.scp.css */
.tabs[b-gyvo47ti8p] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-gyvo47ti8p] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-gyvo47ti8p] {
        background-color: #efefef;
    }

    .tab.active[b-gyvo47ti8p] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

    .tab.tab-error[b-gyvo47ti8p] {
        border-bottom: 2px solid red;
        color: red;
    }


.tab-content[b-gyvo47ti8p] {
    display: none;
    padding: 0px 10px;
}

    .tab-content.active-content[b-gyvo47ti8p] {
        display: block;
    }

.form-actions[b-gyvo47ti8p] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .form-actions button[b-gyvo47ti8p] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

p.subtext[b-gyvo47ti8p] {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: 400;
}

.line-gray[b-gyvo47ti8p] {
    border: 1px solid #d1d5db;
    margin: -5px !important;
}

.form-container[b-gyvo47ti8p] {
    max-width: 900px;
}

.form-row[b-gyvo47ti8p] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.form-label[b-gyvo47ti8p] {
    flex: 0 0 150px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    color: #414651;
}

    .form-label .required[b-gyvo47ti8p] {
        color: #5479F7;
    }

.form-field[b-gyvo47ti8p] {
    flex: 1;
}

    .form-field.fullname[b-gyvo47ti8p] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .form-field .two-inputs[b-gyvo47ti8p] {
        display: flex;
        margin-bottom: 15px;
    }

        .form-field .two-inputs span[b-gyvo47ti8p] {
            flex: 0.8;
            font-size: 14px;
            font-weight: 400;
            color: #272833;
        }

.textbox-group[b-gyvo47ti8p] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.half[b-gyvo47ti8p] {
    flex: 0.5 !important;
}

.subtextsmall[b-gyvo47ti8p] {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #525862;
    margin-top: 6px;
}

.user-info[b-gyvo47ti8p] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding: 12px 12px;
    border-radius: 10px;
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

    .user-info .user-avatar[b-gyvo47ti8p] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        background-color: #e5e7eb;
    }

    .user-info .user-details[b-gyvo47ti8p] {
        display: flex;
        flex-direction: column;
        line-height: 1.4;
    }

    .user-info .user-name[b-gyvo47ti8p] {
        font-weight: 600;
        font-size: 1rem;
        color: #111827; 
    }

    .user-info .user-meta[b-gyvo47ti8p] {
        color: #6b7280; 
        font-size: 0.9rem;
    }
/* _content/Imail.Seractech.Web/Components/Layout/DashboardLayout.razor.rz.scp.css */
.layout-container[b-6fgtt2fomp] {
    display: flex;
    height: 100vh;
}

.sidebar-menu[b-6fgtt2fomp] {
    padding: 10px;
    font-family: sans-serif;
}

.sidebar-menu ul[b-6fgtt2fomp] {
    list-style: none;
    padding: 0;
}

.sidebar-menu li[b-6fgtt2fomp] {
    padding: 10px 15px;
    cursor: pointer;
}

.sidebar-menu li:hover[b-6fgtt2fomp] {
    background-color: #f0f0f0;
}

.sidebar-footer[b-6fgtt2fomp] {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.user-box[b-6fgtt2fomp] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.avatar[b-6fgtt2fomp] {
    border-radius: 50%;
    width: 40px;
    margin-right: 10px;
}

.main-content[b-6fgtt2fomp] {
    flex: 1;
    padding: 20px;
}

.toggle-button[b-6fgtt2fomp] {
    background-color: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    margin-bottom: 10px;
}


.sidebar-content[b-6fgtt2fomp] {
    padding: 18px 10px 10px 10px;
    font-size: 17px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.user-profile[b-6fgtt2fomp] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.user-avatar[b-6fgtt2fomp] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.user-details[b-6fgtt2fomp] {
    overflow: hidden;
    text-overflow: ellipsis;
}

    .user-details .username[b-6fgtt2fomp] {
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-details .usertype[b-6fgtt2fomp] {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.nav-items[b-6fgtt2fomp] {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.nav-items li[b-6fgtt2fomp],
.footer-links li[b-6fgtt2fomp] {
    margin: 20px 0;
    cursor: pointer;
}

.nav-items li.active[b-6fgtt2fomp] {
    font-weight: bold;
}

.main-content[b-6fgtt2fomp] {
    margin-left: 220px;
    padding: 20px;
    transition: margin 0.3s ease;
}

.top-bar[b-6fgtt2fomp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.filters[b-6fgtt2fomp] {
    margin: 20px 0;
    display: flex;
    gap: 10px;
}

.card-grid[b-6fgtt2fomp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}

.media-card[b-6fgtt2fomp] {
    background: white;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
}

.menu-hide[b-6fgtt2fomp] {
    display: none;
}

.menu-show[b-6fgtt2fomp] {
    display: inline-block;
}

[b-6fgtt2fomp] .e-sidebar {
    overflow: hidden !important;
}

.dashboard-icons[b-6fgtt2fomp] {
    margin-right: 10px;
}

.footer-links ul[b-6fgtt2fomp] {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.footer-links[b-6fgtt2fomp] {
    margin-top: auto;
    border-top: 2px solid lightgray;
    padding-top: 10px;
}

[b-6fgtt2fomp] .e-tooltip {
    font-size: inherit !important;
}
/* _content/Imail.Seractech.Web/Components/Layout/RegistrationLayout.razor.rz.scp.css */
.main-layout[b-oqho6wxgng] {
	display: flex;
	min-height: 100vh;
}


[b-oqho6wxgng] .custom-carousel {
	max-width: 700px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
}

[b-oqho6wxgng] .custom-carousel .e-carousel-indicators .e-carousel-indicator-bar {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ccc;
	margin-bottom: -100px;
	transition: background-color 0.3s ease;
}

[b-oqho6wxgng] .e-carousel .e-carousel-items .e-carousel-item {
	justify-content: center;
	text-align: center;
}

[b-oqho6wxgng] .e-carousel .e-carousel-items .e-carousel-item .e-active {
	justify-content: center;
	text-align: center;
}

[b-oqho6wxgng] .e-carousel .e-carousel-navigators {
	display: none !important;
}

[b-oqho6wxgng] .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
	width: 20px !important;
	height: 26px !important;
	margin-bottom: -100px !important;
}

[b-oqho6wxgng] .left-panel {
	border-radius: 20px;
	background: linear-gradient(180deg, #012F2E 0%, #005451 100%);
	width: 43%;
	min-width: 320px;
	max-width: 800px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

[b-oqho6wxgng] .bottom-text {
	margin-top: 50px !important;
}

.logo[b-oqho6wxgng] {
	position: relative;
	width: 300px;
	border: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
}

/* Center column content (logo + carousel) */
.left-content[b-oqho6wxgng] {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.logo img[b-oqho6wxgng] {
	left: auto;
	top: auto;
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	width: 180px;
	margin-bottom: 24px;
}

.conditions[b-oqho6wxgng] {
	margin-bottom: 2rem;
}

.card-spacing[b-oqho6wxgng] {
	margin-top: 1rem;
}

.add-condition-link[b-oqho6wxgng] {
	margin-top: 0.5rem;
	display: block;
	color: #a7f3d0;
}

.footer-text[b-oqho6wxgng] {
	margin-top: auto;
	font-size: 0.9rem;
}

.right-panel[b-oqho6wxgng] {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}

.form-card[b-oqho6wxgng] {
	width: 100%;
	max-width: 500px;
}

e-input-group mt3[b-oqho6wxgng] {
	border: none;
}
.form-card h2[b-oqho6wxgng],
.form-card h5[b-oqho6wxgng] {
	font-weight: 600;
}

.form-card p[b-oqho6wxgng] {
	font-size: 0.95rem;
	line-height: 1.6;
}

.form-card .e-outline[b-oqho6wxgng] {
	width: 100%;
}

.form-card .form-check[b-oqho6wxgng] {
	display: flex;
	align-items: start;
	gap: 0.5rem;
}

.form-card .e-link[b-oqho6wxgng] {
	color: #0066cc;
	text-decoration: underline;
}

.form-card .w-100[b-oqho6wxgng] {
	width: 100%;
}
/* _content/Imail.Seractech.Web/Components/Pages/Campaign/Campaign.razor.rz.scp.css */
.campaign-wrapper[b-8tsvgg5bkn] {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 95vh;
}


.letter-header[b-8tsvgg5bkn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.sub-text[b-8tsvgg5bkn] {
    margin-bottom: 16px;
    text-align: center;
}

.step-list[b-8tsvgg5bkn] {
    flex: 1 1 auto; /* fills remaining space */
    overflow-y: auto; /* scrollable if content exceeds viewport */
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 600px;
    margin: 0 auto;
}

.step-block-wrapper[b-8tsvgg5bkn] {
    position: relative;
}

.step-block-actions[b-8tsvgg5bkn] {
    position: absolute;
    top: 6px;
    right: 8px;
    display: flex;
    gap: 6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.step-block-wrapper:hover .step-block-actions[b-8tsvgg5bkn] {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.step-action-btn[b-8tsvgg5bkn] {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 4px 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

    .step-action-btn:hover[b-8tsvgg5bkn] {
        background: #00A19B;
        color: white;
        border-color: #00A19B;
    }

    .step-action-btn.delete:hover[b-8tsvgg5bkn] {
        background: #d9534f;
        border-color: #d9534f;
    }

.step-block[b-8tsvgg5bkn] {
    border: 1.5px solid #003a3a;
    background-color: #f9fafb;
    border-radius: 12px;
    padding: 1.2rem 1.5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

    .step-block:hover[b-8tsvgg5bkn] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

.condition[b-8tsvgg5bkn] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #012B2A;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0.6rem 0;
    font-size: 0.9rem;
    text-align: center;
}

.flow-arrow[b-8tsvgg5bkn] {
    margin: auto;
    text-align: center;
    font-size: 1.5rem;
}

.add-item[b-8tsvgg5bkn] {
    margin: auto;
    display: flex;
    text-align: center;
    font-size: 1.5rem;
    color: #003a3a;
    background-color: #f9fafb;
    border-radius: 50%;
    border: 1px solid;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/*.add-button {
    display: flex;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #012B2A;
    background: #012B2A;
    margin: auto;
    margin-right: 0;
    color: white;
    margin-top: 10px;
}

    .add-button:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        transform: translateY(-2px);
    }

.add-button-disabled {
    background: #E0E0E0 !important;
    cursor: not-allowed;
}*/

.step-group[b-8tsvgg5bkn] {
    margin-bottom: 1rem;
}

.group-toggle[b-8tsvgg5bkn] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1rem;
    background: #f0f0f0;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
}

.group-icon[b-8tsvgg5bkn] {
    margin-left: 10px;
}

.group-content[b-8tsvgg5bkn] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.option-button[b-8tsvgg5bkn] {
    padding: 0.5rem 1rem;
    border: 1px solid #012B2A;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

    .option-button:hover[b-8tsvgg5bkn] {
        background: #012B2A;
        color: white;
    }

.empty[b-8tsvgg5bkn] {
    font-style: italic;
    color: #888;
}

.panel-footer[b-8tsvgg5bkn] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

.close-button[b-8tsvgg5bkn] {
    padding: 0.5rem 1rem;
    border: 1px solid #888;
    border-radius: 5px;
    background: #f0f0f0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .close-button:hover[b-8tsvgg5bkn] {
        background: #ccc;
    }

[b-8tsvgg5bkn] .side-panel {
    position: fixed; /* stays on screen */
    right: 0; /* adjust for layout */
    top: 0;
    width: 300px;
    max-height: 100vh;
    overflow-y: auto; /* scroll inside panel */
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 10000;
    transition: opacity 0.3s ease-in-out;
    padding: 1rem;
    border-radius: 8px;
}

    /* Hidden / Visible for animation */
    [b-8tsvgg5bkn] .side-panel.hidden {
        display: none;
    }

    [b-8tsvgg5bkn] .side-panel.visible {
        transform: translateX(0);
    }

.scrollable-content[b-8tsvgg5bkn] {
    flex: 1;
    overflow-y: auto;
    padding-right: 4px;
}

.progress-buttons[b-8tsvgg5bkn] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

    .progress-buttons button[b-8tsvgg5bkn] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-top: 10px !important;
        margin: auto;
        margin-right: 0;
    }

        .progress-buttons button:hover[b-8tsvgg5bkn] {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

.delay-config[b-8tsvgg5bkn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}
/* _content/Imail.Seractech.Web/Components/Pages/CreateProject.razor.rz.scp.css */
.main-container-sub[b-p0ugarba8q] {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
}

.card-grid[b-p0ugarba8q] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* Two equal-width columns */
	gap: 1.5rem;
	width: 100%;
	justify-items: center;
	padding: 1rem 0;
}

[b-p0ugarba8q] .card-item {
	width: 100%;
	max-width: 500px;
	/*padding: 1rem; */
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	position: relative;
	background-color: #fff;
	transition: box-shadow 0.3s ease;
}

[b-p0ugarba8q] .card-item:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.card-content img[b-p0ugarba8q] {
	max-height: 100%;
	margin-bottom: 1rem;
	opacity: 0.6;
	width: 100%;
	object-fit: contain;
}

.card-content h4[b-p0ugarba8q] {
	margin: 0;
	font-size: 1.1rem;
}

.card-content p[b-p0ugarba8q] {
	font-size: 0.9rem;
	color: #666;
}

.card-checkbox[b-p0ugarba8q] {
	position: absolute;
	top: 20px;
	left: 20px;
	transform: scale(2);
	z-index: 2;
}

/* campaign options */

.campaign-options[b-p0ugarba8q] {
	display: flex;
	gap: 6rem;
	justify-content: center;
	margin-bottom: 2rem;
}

.option-button[b-p0ugarba8q] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.75rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: 8px;
	/* font-weight: 600; */
	color: #333;
	cursor: pointer;
	background-color: #fff;
	transition: all 0.2s ease;
	min-width: 500px;
}

.option-button:hover[b-p0ugarba8q] {
	border-color: #999;
}

.option-button.active[b-p0ugarba8q] {
	border-color: #007bff;
	background-color: #e6f0ff;
	color: #007bff;
}

.info-icon[b-p0ugarba8q] {
	display: inline-block;
	font-size: 0.9rem;
	background: #eee;
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	color: #555;
	font-weight: bold;
}
/* _content/Imail.Seractech.Web/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-wrapper[b-npeh6qbsy7] {
	padding: 32px;
	background-color: #fff;
	font-family: 'Funnel Sans', sans-serif;
}

.dashboard-header[b-npeh6qbsy7] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.subtitle[b-npeh6qbsy7] {
	color: #666;
	font-size: 14px;
}

.upload-btn[b-npeh6qbsy7] {
	background-color: #00332d;
	border-radius: 8px;
	padding: 10px 20px;
}

.action-cards[b-npeh6qbsy7] {
	display: flex;
	gap: 16px;
	margin-bottom: 32px;
}

.action-card[b-npeh6qbsy7] {
	flex: 1;
	background: #f5f5f5;
	border-radius: 12px;
	padding: 20px;
	border: 1px solid #ddd;
	text-align: left;
	cursor: pointer;
}

	.action-card:hover[b-npeh6qbsy7] {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	}


.card-icon[b-npeh6qbsy7] {
	font-size: 22px;
	margin-bottom: 10px;
}

.card-title[b-npeh6qbsy7] {
	font-weight: 600;
	margin-bottom: 4px;
}

.card-desc[b-npeh6qbsy7] {
	font-size: 14px;
	color: #666;
}

.main-grid[b-npeh6qbsy7] {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.left-col[b-npeh6qbsy7] {
	flex: 2;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

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

.box[b-npeh6qbsy7] {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 24px;
}


.start-btn[b-npeh6qbsy7] {
	margin-top: 16px;
	background-color: #00332d;
	border-radius: 8px;
	padding: 8px 18px;
}

.bottom-row[b-npeh6qbsy7] {
	display: flex;
	gap: 20px;
}

.tips-list[b-npeh6qbsy7] {
	list-style: none;
	padding: 0;
	margin: 12px 0 0 0;
}

	.tips-list li[b-npeh6qbsy7] {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 8px;
	}

.border-line[b-npeh6qbsy7] {
	border: 1px solid lightgray;
	margin-bottom: 20px;
}

.dashboard-header-text[b-npeh6qbsy7] {
	
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -0.4px;
}
/* _content/Imail.Seractech.Web/Components/Pages/Download.razor.rz.scp.css */
.dashboard-wrapper[b-drxgrg5qk9] {
    background-color: #fff;
    font-family: 'Funnel Sans', sans-serif;
}

.dashboard-header[b-drxgrg5qk9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.subtitle[b-drxgrg5qk9] {
    color: #666;
    font-size: 14px;
}

.download-grid[b-drxgrg5qk9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

[b-drxgrg5qk9] .download-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem 1rem 0.75rem 1rem;
}

[b-drxgrg5qk9] .download-card.dark {
    background: #111827;
    color: #e5e7eb;
    border-color: #1f2937;
}

.card-head .h3[b-drxgrg5qk9] {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.6rem;
}

.card-body p[b-drxgrg5qk9] {
    margin: 0.5rem 0 0.75rem 0;
}

.version[b-drxgrg5qk9] {
    margin: 0.25rem 0 0.75rem 0;
    color: #6b7280;
}

.requirements .req-title[b-drxgrg5qk9] {
    font-weight: 600;
}

.requirements ul[b-drxgrg5qk9] {
    margin: 0.25rem 0 0 1rem;
}

.card-actions[b-drxgrg5qk9] {
    padding: 0.75rem 0 1rem 0;
}

.link-reset[b-drxgrg5qk9] {
    text-decoration: none;
}

.border-line[b-drxgrg5qk9] {
    border: 1px solid lightgray;
    margin-bottom: 20px;
}

.dashboard-header-text[b-drxgrg5qk9] {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0px;
}
/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/BlacklistedEmailsTab.razor.rz.scp.css */
h2[b-gj3muod80v] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-gj3muod80v] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-gj3muod80v] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-gj3muod80v] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-gj3muod80v] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-gj3muod80v] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-gj3muod80v] {
		background: #003d29;
		color: white;
		border: none;
	}





/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/BlacklistedSmsNumbersTab.razor.rz.scp.css */
h2[b-y7xuynw7w0] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-y7xuynw7w0] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-y7xuynw7w0] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-y7xuynw7w0] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-y7xuynw7w0] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-y7xuynw7w0] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-y7xuynw7w0] {
		background: #003d29;
		color: white;
		border: none;
	}
/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/CreateEmailTemplate.razor.rz.scp.css */
.email-template-container[b-2alu5d5cq3] {
	font-family: 'Funnel Sans', sans-serif;
}

.title[b-2alu5d5cq3] {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #1a1a1a;
}

.sub-title[b-2alu5d5cq3] {
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-bottom: 25px;
}

.section-title[b-2alu5d5cq3] {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 500;
}

p.subtext[b-2alu5d5cq3] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-2alu5d5cq3] {
	/*max-width: 900px;*/
	width: 100%;
}

.form-row[b-2alu5d5cq3] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

	.form-row:not(:has(.e-richtexteditor)) .form-field[b-2alu5d5cq3] {
		max-width: 600px;
	}

.form-label[b-2alu5d5cq3] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-2alu5d5cq3] {
		color: #5479F7;
	}

.form-field[b-2alu5d5cq3] {
	flex: 1;
	/*overflow: hidden;*/
}

.form-field small[b-2alu5d5cq3] {
	display: block;
	font-size: 12px;
	color: #777;
	margin-top: 6px;
}

.textbox-group[b-2alu5d5cq3] {
	display: flex;
	flex-direction: column;
	gap: 0; /* no gap between textbox and validator */
}

select[disabled][b-2alu5d5cq3],
input[disabled][b-2alu5d5cq3] {
	background-color: #f3f3f3;
	color: #888;
}

.subtextsmall[b-2alu5d5cq3] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-2alu5d5cq3] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-2alu5d5cq3] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-2alu5d5cq3] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-2alu5d5cq3] {
		background: #003d29;
		color: white;
		border: none;
	}

.variable-panel[b-2alu5d5cq3] {
	margin-top: 0;
	border-top: none;
	border-radius: 0 0 8px 8px;
	border: 1px solid #d1d5db;
	border-top: none;
	background: #f9fafb;
	padding: 10px 14px;
}

.variable-header[b-2alu5d5cq3] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 10px;
	font-size: 15px;
}

.variable-buttons[b-2alu5d5cq3] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.variable-btn[b-2alu5d5cq3] {
	background-color: white;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 13px;
	color: #333;
	cursor: pointer;
	transition: all 0.15s ease;
}

	.variable-btn:hover[b-2alu5d5cq3] {
		background-color: #0d5e4b;
		border-color: #0d5e4b;
		color: white;
		transform: translateY(-1px);
		box-shadow: 0 2px 5px rgba(13, 94, 75, 0.15);
	}

.access-denied-container[b-2alu5d5cq3] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-2alu5d5cq3] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-2alu5d5cq3] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-2alu5d5cq3] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-2alu5d5cq3] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}

/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/CreateSmsTemplate.razor.rz.scp.css */
.sms-template-container[b-8rxsx6g5ur] {
	font-family: 'Funnel Sans', sans-serif;
}

.title[b-8rxsx6g5ur] {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #1a1a1a;
}

.sub-title[b-8rxsx6g5ur] {
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-bottom: 25px;
}

.section-title[b-8rxsx6g5ur] {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 500;
}

p.subtext[b-8rxsx6g5ur] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-8rxsx6g5ur] {
	/*max-width: 900px;*/
	width: 100%;
}

.form-row[b-8rxsx6g5ur] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

	.form-row:not(:has(.e-richtexteditor)) .form-field[b-8rxsx6g5ur] {
		max-width: 600px;
	}

.form-label[b-8rxsx6g5ur] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-8rxsx6g5ur] {
		color: #5479F7;
	}

.form-field[b-8rxsx6g5ur] {
	flex: 1;
	/*overflow: hidden;*/
}

.form-field small[b-8rxsx6g5ur] {
	display: block;
	font-size: 12px;
	color: #777;
	margin-top: 6px;
}

.textbox-group[b-8rxsx6g5ur] {
	display: flex;
	flex-direction: column;
	gap: 0; /* no gap between textbox and validator */
}

select[disabled][b-8rxsx6g5ur],
input[disabled][b-8rxsx6g5ur] {
	background-color: #f3f3f3;
	color: #888;
}

.subtextsmall[b-8rxsx6g5ur] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-8rxsx6g5ur] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-8rxsx6g5ur] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-8rxsx6g5ur] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-8rxsx6g5ur] {
		background: #003d29;
		color: white;
		border: none;
	}

.variable-panel[b-8rxsx6g5ur] {
	margin-top: 0;
	border-top: none;
	border-radius: 0 0 8px 8px;
	border: 1px solid #d1d5db;
	border-top: none;
	background: #f9fafb;
	padding: 10px 14px;
}

.variable-header[b-8rxsx6g5ur] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 10px;
	font-size: 15px;
}

.variable-buttons[b-8rxsx6g5ur] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.variable-btn[b-8rxsx6g5ur] {
	background-color: white;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 13px;
	color: #333;
	cursor: pointer;
	transition: all 0.15s ease;
}

	.variable-btn:hover[b-8rxsx6g5ur] {
		background-color: #0d5e4b;
		border-color: #0d5e4b;
		color: white;
		transform: translateY(-1px);
		box-shadow: 0 2px 5px rgba(13, 94, 75, 0.15);
	}

.sms-textarea-wrapper[b-8rxsx6g5ur] {
	position: relative;
	display: flex;
	flex-direction: column;
}

.textarea-container[b-8rxsx6g5ur] {
	position: relative;
	width: 100%;
}

.char-counter[b-8rxsx6g5ur] {
	position: absolute;
	bottom: 8px;
	right: 12px;
	font-size: 13px;
	color: #6b7280;
	background: rgba(255, 255, 255, 0.8);
	padding: 2px 6px;
	border-radius: 6px;
	pointer-events: none;
	transition: color 0.2s ease;
}

	.char-counter.warning[b-8rxsx6g5ur] {
		color: #dc2626;
		font-weight: 600;
	}

[b-8rxsx6g5ur] .sms-textarea {
	width: 100% !important;
}

[b-8rxsx6g5ur] .sms-textarea textarea {
	font-family: 'Funnel Sans', sans-serif;
	font-size: 15px;
	color: #333;
	border-radius: 6px;
	line-height: 1.5;
	box-sizing: border-box;
	width: 100% !important;
}

.access-denied-container[b-8rxsx6g5ur] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-8rxsx6g5ur] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-8rxsx6g5ur] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-8rxsx6g5ur] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-8rxsx6g5ur] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}

/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/EDelivery.razor.rz.scp.css */
.edelivery-container[b-8n0uorz1p5] {
    font-family: 'Funnel Sans', sans-serif;
}

.access-denied-container[b-8n0uorz1p5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.access-denied-box[b-8n0uorz1p5] {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    padding: 20px 28px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    max-width: 520px;
}

    .access-denied-box i[b-8n0uorz1p5] {
        font-size: 28px;
        color: #dc2626;
    }

    .access-denied-box h3[b-8n0uorz1p5] {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 4px 0;
        color: #7f1d1d;
    }

    .access-denied-box p[b-8n0uorz1p5] {
        margin: 0;
        font-size: 14px;
        color: #991b1b;
    }

.title[b-8n0uorz1p5] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.lblDescription[b-8n0uorz1p5] {
    margin-top: 15px;
}

.lblCurrentTab[b-8n0uorz1p5] {
    font-size: 18px;
    font-weight: 500;
}

.lblText[b-8n0uorz1p5] {
    font-size: 14px;
    font-weight: 400;
    color: #6b7280;
}

.tabs[b-8n0uorz1p5] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-8n0uorz1p5] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-8n0uorz1p5] {
        background-color: #efefef;
    }

    .tab.active[b-8n0uorz1p5] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

    .tab.tab-error[b-8n0uorz1p5] {
        border-bottom: 2px solid red;
        color: red;
    }


.tab-content[b-8n0uorz1p5] {
    display: none;
    padding: 0px 0px;
}

    .tab-content.active-content[b-8n0uorz1p5] {
        display: block;
    }

.subTitle[b-8n0uorz1p5] {
    font-size: 14px;
    font-weight: 400;
    color: #525862;
    margin-bottom: 25px;
}
/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/EditEmailTemplate.razor.rz.scp.css */
.email-template-container[b-o0ep4tyr4n] {
	font-family: 'Funnel Sans', sans-serif;
}

.title[b-o0ep4tyr4n] {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #1a1a1a;
}

.sub-title[b-o0ep4tyr4n] {
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-bottom: 25px;
}

.section-title[b-o0ep4tyr4n] {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 500;
}

p.subtext[b-o0ep4tyr4n] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-o0ep4tyr4n] {
	/*max-width: 900px;*/
	width: 100%;
}

.form-row[b-o0ep4tyr4n] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

	.form-row:not(:has(.e-richtexteditor)) .form-field[b-o0ep4tyr4n] {
		max-width: 600px;
	}

.form-label[b-o0ep4tyr4n] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-o0ep4tyr4n] {
		color: #5479F7;
	}

.form-field[b-o0ep4tyr4n] {
	flex: 1;
	/*overflow: hidden;*/
}

.form-field small[b-o0ep4tyr4n] {
	display: block;
	font-size: 12px;
	color: #777;
	margin-top: 6px;
}

.textbox-group[b-o0ep4tyr4n] {
	display: flex;
	flex-direction: column;
	gap: 0; /* no gap between textbox and validator */
}

select[disabled][b-o0ep4tyr4n],
input[disabled][b-o0ep4tyr4n] {
	background-color: #f3f3f3;
	color: #888;
}

.subtextsmall[b-o0ep4tyr4n] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-o0ep4tyr4n] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-o0ep4tyr4n] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-o0ep4tyr4n] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-o0ep4tyr4n] {
		background: #003d29;
		color: white;
		border: none;
	}

.variable-panel[b-o0ep4tyr4n] {
	margin-top: 0;
	border-top: none;
	border-radius: 0 0 8px 8px;
	border: 1px solid #d1d5db;
	border-top: none;
	background: #f9fafb;
	padding: 10px 14px;
}

.variable-header[b-o0ep4tyr4n] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 10px;
	font-size: 15px;
}

.variable-buttons[b-o0ep4tyr4n] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.variable-btn[b-o0ep4tyr4n] {
	background-color: white;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 13px;
	color: #333;
	cursor: pointer;
	transition: all 0.15s ease;
}

	.variable-btn:hover[b-o0ep4tyr4n] {
		background-color: #0d5e4b;
		border-color: #0d5e4b;
		color: white;
		transform: translateY(-1px);
		box-shadow: 0 2px 5px rgba(13, 94, 75, 0.15);
	}

.access-denied-container[b-o0ep4tyr4n] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-o0ep4tyr4n] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-o0ep4tyr4n] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-o0ep4tyr4n] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-o0ep4tyr4n] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}


/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/EditSmsTemplate.razor.rz.scp.css */
.sms-template-container[b-0yvnt4yyy8] {
	font-family: 'Funnel Sans', sans-serif;
}

.title[b-0yvnt4yyy8] {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #1a1a1a;
}

.sub-title[b-0yvnt4yyy8] {
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-bottom: 25px;
}

.section-title[b-0yvnt4yyy8] {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 500;
}

p.subtext[b-0yvnt4yyy8] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-0yvnt4yyy8] {
	/*max-width: 900px;*/
	width: 100%;
}

.form-row[b-0yvnt4yyy8] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

	.form-row:not(:has(.e-richtexteditor)) .form-field[b-0yvnt4yyy8] {
		max-width: 600px;
	}

.form-label[b-0yvnt4yyy8] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-0yvnt4yyy8] {
		color: #5479F7;
	}

.form-field[b-0yvnt4yyy8] {
	flex: 1;
	/*overflow: hidden;*/
}

.form-field small[b-0yvnt4yyy8] {
	display: block;
	font-size: 12px;
	color: #777;
	margin-top: 6px;
}

.textbox-group[b-0yvnt4yyy8] {
	display: flex;
	flex-direction: column;
	gap: 0; /* no gap between textbox and validator */
}

select[disabled][b-0yvnt4yyy8],
input[disabled][b-0yvnt4yyy8] {
	background-color: #f3f3f3;
	color: #888;
}

.subtextsmall[b-0yvnt4yyy8] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-0yvnt4yyy8] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-0yvnt4yyy8] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-0yvnt4yyy8] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-0yvnt4yyy8] {
		background: #003d29;
		color: white;
		border: none;
	}

.variable-panel[b-0yvnt4yyy8] {
	margin-top: 0;
	border-top: none;
	border-radius: 0 0 8px 8px;
	border: 1px solid #d1d5db;
	border-top: none;
	background: #f9fafb;
	padding: 10px 14px;
}

.variable-header[b-0yvnt4yyy8] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 10px;
	font-size: 15px;
}

.variable-buttons[b-0yvnt4yyy8] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.variable-btn[b-0yvnt4yyy8] {
	background-color: white;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 13px;
	color: #333;
	cursor: pointer;
	transition: all 0.15s ease;
}

	.variable-btn:hover[b-0yvnt4yyy8] {
		background-color: #0d5e4b;
		border-color: #0d5e4b;
		color: white;
		transform: translateY(-1px);
		box-shadow: 0 2px 5px rgba(13, 94, 75, 0.15);
	}

.sms-textarea-wrapper[b-0yvnt4yyy8] {
	position: relative;
	display: flex;
	flex-direction: column;
}

.textarea-container[b-0yvnt4yyy8] {
	position: relative;
	width: 100%;
}

.char-counter[b-0yvnt4yyy8] {
	position: absolute;
	bottom: 8px;
	right: 12px;
	font-size: 13px;
	color: #6b7280;
	background: rgba(255, 255, 255, 0.8);
	padding: 2px 6px;
	border-radius: 6px;
	pointer-events: none;
	transition: color 0.2s ease;
}

	.char-counter.warning[b-0yvnt4yyy8] {
		color: #dc2626;
		font-weight: 600;
	}

[b-0yvnt4yyy8] .sms-textarea {
	width: 100% !important;
}

[b-0yvnt4yyy8] .sms-textarea textarea {
	font-family: 'Funnel Sans', sans-serif;
	font-size: 15px;
	color: #333;
	border-radius: 6px;
	line-height: 1.5;
	box-sizing: border-box;
	width: 100% !important;
}

.access-denied-container[b-0yvnt4yyy8] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-0yvnt4yyy8] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-0yvnt4yyy8] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-0yvnt4yyy8] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-0yvnt4yyy8] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}
/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/TemplatesTab.razor.rz.scp.css */
h2[b-514qtrf3k5] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

.subTitle[b-514qtrf3k5] {
	font-size: 14px;
	font-weight: 400;
	color: #525862;
}

p.subtext[b-514qtrf3k5] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-514qtrf3k5] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-514qtrf3k5] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.templates-container[b-514qtrf3k5] {
	--preview-h: 185px;
}

.templates-header[b-514qtrf3k5] {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
}

	.templates-header .tag-container[b-514qtrf3k5] {
		grid-column: 1;
		justify-self: start;
	}

	.templates-header .search-container[b-514qtrf3k5] {
		grid-column: 2;
		justify-self: center;
	}

	.templates-header .new-btn-top[b-514qtrf3k5] {
		grid-column: 3;
		justify-self: end;
	}

/*
	Tags
*/
.tag-container[b-514qtrf3k5] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tag[b-514qtrf3k5] {
	padding: 6px 16px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	background-color: #fafafa;
	border-radius: 6px;
	color: #666;
	cursor: pointer;
	transition: all 0.2s ease;
}

	.tag:hover[b-514qtrf3k5] {
		border: 1px solid #0d5e4b;
		color: #0d5e4b;
		background-color: white;
	}

	.tag.active[b-514qtrf3k5] {
		border: 1px solid #0d5e4b;
		color: #0d5e4b;
		background-color: white;
		display: flex;
		align-items: center;
		gap: 4px;
	}

.tag-clear[b-514qtrf3k5] {
	padding: 6px 16px;
	font-size: 14px;
	border: 1px solid #0d5e4b;
	color: #0d5e4b;
	background-color: white;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 4px;
}

	.tag-clear:hover[b-514qtrf3k5] {
		background-color: #f5f5f5;
	}

.close-icon[b-514qtrf3k5] {
	margin-left: 4px;
	cursor: pointer;
}

.separator[b-514qtrf3k5] {
	width: 1px;
	height: 24px;
	background-color: #ddd;
	margin: 0 8px;
}

/*
	Items
*/

.template-grid[b-514qtrf3k5] {
	display: grid;
	grid-template-columns: repeat(auto-fill, 260px);
	gap: 1rem;
	align-items: start;
}

.template-card[b-514qtrf3k5] {
	background: white;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 4px rgba(0,0,0,0.05);
	position: relative;
	min-width: 0;
}

	.template-card input[type="checkbox"][b-514qtrf3k5] {
		position: absolute;
		top: 19px;
		left: 20px;
		transform: scale(1.2);
	}

	.template-card .template-info[b-514qtrf3k5] {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #eee;
		position: relative;
		padding-right: 40px;
	}

		/* Place kebab at top-right of template-info */
		.template-card .template-info .options-btn[b-514qtrf3k5] {
			position: absolute;
			top: 8px;
			right: 8px;
			padding: 0;
			border: none;
			background: transparent;
			font-size: 18px;
			line-height: 1;
			cursor: pointer;
			color: #888;
		}

			.template-card .template-info .options-btn:hover[b-514qtrf3k5] {
				color: #555;
			}

.template-info .template-meta[b-514qtrf3k5] {
	font-size: 12px;
	color: #8a8f98;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.template-icon[b-514qtrf3k5] {
	height: var(--preview-h);
	border-radius: 12px;
	overflow: hidden;
	background-color: #f9f9f9;
}

.template-title[b-514qtrf3k5] {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-options[b-514qtrf3k5] {
	position: absolute;
	top: 170px;
	right: 12px;
	font-size: 18px;
	color: #888;
	cursor: pointer;
}

	.file-options[b-514qtrf3k5]::after {
		content: '⋮';
	}

.preview-img[b-514qtrf3k5] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*
	New template card
*/

.new-template-card[b-514qtrf3k5] {
	border: 2px dashed #ccc;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	transition: all 0.2s ease;
	padding: 14px;
	border-radius: 12px;
	background-color: white;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
}

	.new-template-card:hover[b-514qtrf3k5] {
		border-color: #0d5e4b;
		background-color: #f9fffb;
	}
		
	.new-template-card .template-icon.new-icon[b-514qtrf3k5] {
		height: var(--preview-h);
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		background-color: transparent;
	}

.plus-sign[b-514qtrf3k5] {
	font-size: 72px;
	font-weight: 400;
	color: #0d5e4b;
	line-height: 1;
}

.new-template-card .template-info[b-514qtrf3k5] {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
	text-align: left;
	padding-right: 40px;
}

.new-template-card .template-title[b-514qtrf3k5] {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2px;
	color: #111;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new-template-card .template-meta[b-514qtrf3k5] {
	font-size: 12px;
	color: #8a8f98;
	line-height: 1.4;
	white-space: normal;
}

/*
	New template dialog
*/

.dialog-intro[b-514qtrf3k5] {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	text-align: center;
}

.select-template-grid[b-514qtrf3k5] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1rem;
	justify-items: center;
}

.select-template-card[b-514qtrf3k5] {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	position: relative;
	overflow: hidden;
}

	.select-template-card .card-content[b-514qtrf3k5] {
		position: relative;
		z-index: 2;
	}

	.select-template-card img[b-514qtrf3k5] {
		width: 60px;
		height: 60px;
		object-fit: contain;
		margin-bottom: 10px;
	}

	.select-template-card h4[b-514qtrf3k5] {
		margin: 6px 0 4px 0;
		font-size: 16px;
		font-weight: 600;
		color: #111;
	}

	.select-template-card p[b-514qtrf3k5] {
		font-size: 13px;
		color: #666;
		margin: 0;
		line-height: 1.4;
	}

	.select-template-card small[b-514qtrf3k5] {
		display: block;
		margin-top: 6px;
		font-size: 12px;
		color: #999;
	}

	.select-template-card:hover[b-514qtrf3k5] {
		border-color: #0d5e4b;
		background-color: #f9fffb;
		box-shadow: 0 0 6px rgba(13, 94, 75, 0.1);
	}

	.select-template-card.disabled[b-514qtrf3k5] {
		opacity: 0.9;
		cursor: not-allowed;
		pointer-events: none;
	}

	.select-template-card[title][b-514qtrf3k5] {
		cursor: help;
	}

.new-template-dialog .e-dlg-content[b-514qtrf3k5] {
	padding: 24px 24px 16px 24px;
}

.disabled-overlay[b-514qtrf3k5] {
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	z-index: 3;
	transition: opacity 0.2s ease;
}

	.disabled-overlay .e-lock[b-514qtrf3k5] {
		font-size: 40px;
		color: #666;
		font-weight: 600;
		text-shadow: 0 0 2px rgba(0,0,0,0.2);
		opacity: 0.9;
	}

.disabled-reason[b-514qtrf3k5] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 8px;
	font-size: 13px;
	color: #555;
	text-align: center;
	line-height: 1.3;
	font-weight: 500;
}

	.disabled-reason .e-info[b-514qtrf3k5] {
		font-size: 16px;
		color: #555; 
	}

/* 
	Search
*/

.search-container[b-514qtrf3k5] {
	position: relative;
	display: flex;
	align-items: center;
	width: 300px;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 12px;
	background-color: white;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

	.search-container i[b-514qtrf3k5] {
		font-size: 14px;
		color: #888;
		margin-right: 8px;
	}

	.search-container input[b-514qtrf3k5] {
		border: none;
		outline: none;
		font-size: 14px;
		color: #444;
		flex: 1 1 auto;
		min-width: 0;
		padding-right: 36px;
	}

		.search-container input[b-514qtrf3k5]::placeholder {
			color: #888;
		}
			
	.search-container .clear-btn[b-514qtrf3k5] {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		border: 0;
		background: transparent;
		font-size: 18px;
		color: #888;
		padding: 0;
		width: 24px;
		height: 24px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		cursor: pointer;
	}

		.search-container .clear-btn:hover[b-514qtrf3k5] {
			color: #555;
		}

		.search-container .clear-btn:focus-visible[b-514qtrf3k5] {
			outline: 2px solid #0d5e4b;
			border-radius: 4px;
		}
/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/WhitelistedEmailsTab.razor.rz.scp.css */
h2[b-49xqcgbbxi] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-49xqcgbbxi] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-49xqcgbbxi] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-49xqcgbbxi] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-49xqcgbbxi] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-49xqcgbbxi] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-49xqcgbbxi] {
		background: #003d29;
		color: white;
		border: none;
	}
/* _content/Imail.Seractech.Web/Components/Pages/EDelivery/WhitelistedSmsNumbersTab.razor.rz.scp.css */
h2[b-9k5as3k2ps] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-9k5as3k2ps] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-9k5as3k2ps] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-9k5as3k2ps] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-9k5as3k2ps] {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	border-top: 1px solid #e2e8f0;
	padding: 0.75rem 0 0.75rem 1rem;
	z-index: 5;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

	.form-actions button[b-9k5as3k2ps] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-9k5as3k2ps] {
		background: #003d29;
		color: white;
		border: none;
	}
/* _content/Imail.Seractech.Web/Components/Pages/ForgotPassword/ForgotPassword.razor.rz.scp.css */
.login-header[b-2vxnxpyaee] {
    color: var(--text-primary, #181D27);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 40.8px */
    letter-spacing: -0.4px;
}

.header-subtext[b-2vxnxpyaee] {
    color: var(--Text-secondary, #535862);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.form-label[b-2vxnxpyaee] {
    color: var(--Text-secondary, #535862);
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.045px;
}

button.btnSubmit[b-2vxnxpyaee] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #012B2A !important;
    padding: 10px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 166%;
    letter-spacing: 0.4px;
    border: none !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/ForgotPassword/PasswordReset.razor.rz.scp.css */
.login-header[b-r0v0pbceev] {
    color: var(--text-primary, #181D27);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 40.8px */
    letter-spacing: -0.4px;
}

.header-subtext[b-r0v0pbceev] {
    color: var(--Text-secondary, #535862);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.form-label[b-r0v0pbceev] {
    color: var(--Text-secondary, #535862);
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.045px;
}

button.btnSubmit[b-r0v0pbceev] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #012B2A !important;
    padding: 10px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 166%;
    letter-spacing: 0.4px;
    border: none !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/ForgotUserName/ForgotUserName.razor.rz.scp.css */
.login-header[b-bvruqw12w4] {
    color: var(--text-primary, #181D27);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 40.8px */
    letter-spacing: -0.4px;
}

.header-subtext[b-bvruqw12w4] {
    color: var(--Text-secondary, #535862);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.form-label[b-bvruqw12w4] {
    color: var(--Text-secondary, #535862);
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.045px;
}

button.btnSubmit[b-bvruqw12w4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #012B2A !important;
    padding: 10px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 166%;
    letter-spacing: 0.4px;
    border: none !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter.razor.rz.scp.css */
.letter-wrapper[b-w80v2px2vw] {
	padding: 32px;
	background-color: #fff;
	font-family: "Funnel Sans", sans-serif;
}

.letter-header[b-w80v2px2vw] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.letter-header h2[b-w80v2px2vw] {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

.border-line[b-w80v2px2vw] {
	border: 1px solid lightgray;
	margin-bottom: 20px;
}

.subtitle[b-w80v2px2vw] {
	color: #666;
	font-size: 14px;
}

.stepper-section[b-w80v2px2vw] {
	display: flex;
	gap: 16px;
	margin-bottom: 30px;
}


.main-grid[b-w80v2px2vw] {
	gap: 32px;
	align-items: flex-start;
}

.linear-stepper-control[b-w80v2px2vw] {
	/* margin: 45px 100px; */
	margin-top: 10px;
	width: 100%;
}

.linear-stepper-options[b-w80v2px2vw] {
	margin: 30px 100px;
}

#linear-stepper-content[b-w80v2px2vw] {
	height: 120px;
	width: 75%;
	margin: 0px 105px;
}

/* .e-stepper .e-step-completed:not(.e-step-error) .e-label {
    color: #00A19B !important;
    } */

/* Hide default Syncfusion icons */
[b-w80v2px2vw] .e-step-icon .e-icons {
	display: none;
}

/* Common circle styling */
[b-w80v2px2vw] .step-icon::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #e0e0e0;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}

/* Step-specific number content */
[b-w80v2px2vw] .step-01::before {
	content: "01";
}

[b-w80v2px2vw] .step-02::before {
	content: "02";
}

[b-w80v2px2vw] .step-03::before {
	content: "03";
}

[b-w80v2px2vw] .step-04::before {
	content: "04";
}

[b-w80v2px2vw] .step-05::before {
	content: "05";
}

[b-w80v2px2vw] .step-06::before {
	content: "06";
}

/* Active step styling - midnight teal background */
[b-w80v2px2vw] .e-stepper .e-step.e-step-active .step-icon::before {
	background-color: #003024 !important;
	color: #ffffff !important;
}

/* Completed step styling */
[b-w80v2px2vw] .e-stepper .e-step.e-step-completed:not(.e-step-error) .step-icon::before {
	background-color: #00A19B !important;
	color: #ffffff !important;
}


.button-row[b-w80v2px2vw] {
	display: flex;
	justify-content: space-around;
	margin-top: 120px;
}

.btn-outline[b-w80v2px2vw] {
	background: transparent;
	border: 2px solid #003024;
	color: #003024;
	padding: 10px 20px;
	border-radius: 8px;
	font-weight: 600;
	margin-left: 80px;
}

.btn-primary[b-w80v2px2vw] {
	background-color: #003024;
	color: white;
	padding: 10px 24px;
	border: none;
	border-radius: 8px;
	font-weight: 600;
}

.btn-outline:hover[b-w80v2px2vw],
.btn-primary:hover[b-w80v2px2vw] {
	opacity: 0.9;
	cursor: pointer;
}

.validation-summary[b-w80v2px2vw] {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 965px) {
	.linear-stepper-control[b-w80v2px2vw] {
		width: 100%;
		margin: 30px auto;
	}
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter01.razor.rz.scp.css */
.container[b-c8mqit5olz] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 20px;
}

.form-wrapper[b-c8mqit5olz] {
	max-width: 600px;
	width: 100%;
}

h1[b-c8mqit5olz] {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
}

.description[b-c8mqit5olz] {
	font-size: 16px;
	color: #666;
	margin-bottom: 30px;
}

.form-grid[b-c8mqit5olz] {
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
}

.form-group[b-c8mqit5olz] {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

label[b-c8mqit5olz] {
	font-weight: 600;
	margin-bottom: 5px;
}

.form-control[b-c8mqit5olz] {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ccc;
	font-size: 14px;
}

.helper-text[b-c8mqit5olz] {
	font-size: 13px;
	color: #777;
	margin-bottom: 6px;
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter02.razor.rz.scp.css */
.control-section[b-msux2gtuic] {
	min-height: 370px;
}

.control-wrapper[b-msux2gtuic] {
	max-width: 350px;
	margin: 0 auto;
	padding: 50px 0px 0px;
}

.property-panel-content[b-msux2gtuic] {
	padding: 0px 0px 20px 0px;
}

	.property-panel-content:last-child[b-msux2gtuic] {
		padding: 0px 0px 40px 0px;
	}

.upload-container[b-msux2gtuic] {
	max-width: 600px;
	margin: 2rem auto;
	font-family: sans-serif;
	color: #222;
}

.sub-text[b-msux2gtuic] {
	color: #555;
	margin-bottom: 1rem;
}

.upload-box[b-msux2gtuic] {
	border: 2px dashed #d1d1d1;
	padding: 2rem;
	text-align: center;
	border-radius: 12px;
	background-color: #fafafa;
	margin-bottom: 2rem;
}

.upload-content img[b-msux2gtuic] {
	width: 40px;
	height: 40px;
	margin-bottom: 1rem;
}

.select-btn[b-msux2gtuic] {
	margin-top: 1rem;
	padding: 0.6rem 1.2rem;
	border: 1px solid #000;
	background-color: transparent;
	border-radius: 6px;
	cursor: pointer;
}

.media-library[b-msux2gtuic] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}

.media-title[b-msux2gtuic] {
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.media-btn[b-msux2gtuic] {
	border: 1px solid #000;
	background-color: #fff;
	padding: 0.5rem 1.2rem;
	border-radius: 6px;
	cursor: pointer;
}

.toggles[b-msux2gtuic] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.toggle-row[b-msux2gtuic] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e0e0e0;
	padding-top: 1rem;
}

	.toggle-row label[b-msux2gtuic] {
		font-size: 0.95rem;
		display: flex;
		align-items: center;
		gap: 5px;
	}

.tooltip[b-msux2gtuic] {
	background-color: #ddd;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter03.razor.rz.scp.css */
.container[b-ppm54xroww] {
	max-width: 800px;
	margin: 0 auto;
	padding: 2rem;
}

.tabs[b-ppm54xroww] {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
}

.tab-button[b-ppm54xroww] {
	padding: 0.75rem 2rem;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: white;
	font-weight: 600;
	border-radius: 0.5rem;
	margin: 0 0.5rem;
}

	.tab-button.active[b-ppm54xroww] {
		border: 2px solid #c9c9c9;
		background-color: #f9f9f9;
	}

h2[b-ppm54xroww] {
	font-weight: bold;
}

.upload-box[b-ppm54xroww] {
	border: 1px solid #ddd;
	border-radius: 1rem;
	background-color: #f9f9f9;
	text-align: center;
	padding: 2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

	.upload-box:hover[b-ppm54xroww] {
		border-color: #aaa;
	}

.upload-text[b-ppm54xroww] {
	color: #00a3a3;
	font-weight: 600;
}

.form-section[b-ppm54xroww] {
	margin-top: 2rem;
}

.form-group[b-ppm54xroww] {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
}

	.form-group input[b-ppm54xroww],
	.form-group select[b-ppm54xroww] {
		flex: 1;
		padding: 0.75rem;
		border-radius: 0.5rem;
		border: 1px solid #ccc;
	}

.add-link[b-ppm54xroww] {
	color: #00a3a3;
	cursor: pointer;
	font-weight: 600;
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter04.razor.rz.scp.css */
.container[b-rrpsasiapw] {
	display: flex;
	height: 80vh;
}

.left-panel[b-rrpsasiapw] {
	flex: 1;
	background-color: #ccc;
	height: 70%;
}

.right-panel[b-rrpsasiapw] {
	width: 560px;
	background: #fff;
	padding: 30px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-left: 1px solid #eee;
}

	.right-panel h2[b-rrpsasiapw] {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 20px;
	}

.field[b-rrpsasiapw] {
	margin-bottom: 24px;
}

	.field label[b-rrpsasiapw] {
		display: block;
		font-size: 12px;
		font-weight: 600;
		color: #111827;
		margin-bottom: 4px;
	}

	.field small[b-rrpsasiapw] {
		font-size: 12px;
		color: #6b7280;
		margin-right: 100px;
	}

.counter[b-rrpsasiapw] {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 15px;
	margin-bottom: -40px;
}

	.counter span[b-rrpsasiapw] {
		margin: 0;
		font-size: 1.5rem;
		font-weight: bold;
		position: relative;
	}

		/* pretend there’s a 40px “–” button to the left and a 40px “+” to the right */
		.counter span.isolate[b-rrpsasiapw]::before,
		.counter span.isolate[b-rrpsasiapw]::after {
			content: "";
			display: inline-block;
			width: 53px;
		}


	.counter button[b-rrpsasiapw] {
		width: 40px;
		height: 40px;
		border: 1px solid #d1d5db;
		color: black;
		background: #F7F7F7;
		border-radius: 30px;
		cursor: pointer;
		font-size: 1rem;
		font-weight: bold;
	}

.control-wrapper[b-rrpsasiapw] {
	max-width: 350px;
	margin: 0 auto;
	padding: 50px 0px 0px;
}

.upload-section[b-rrpsasiapw] {
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
}

.upload-box[b-rrpsasiapw] {
	border: 2px dashed #e5e7eb;
	border-radius: 10px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 13px;
	color: #6b7280;
	margin-bottom: 10px;
	cursor: pointer;
}

	.upload-box strong[b-rrpsasiapw] {
		color: #00a5c4;
		font-weight: 600;
	}

.media-library[b-rrpsasiapw] {
	font-size: 13px;
	border: 1px solid #d1d5db;
	padding: 6px 12px;
	border-radius: 6px;
	background-color: #f9fafb;
	cursor: pointer;
}

.footer-buttons[b-rrpsasiapw] {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

	.footer-buttons button[b-rrpsasiapw] {
		padding: 10px 20px;
		border-radius: 6px;
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
	}

.btn-back[b-rrpsasiapw] {
	background-color: #fff;
	color: #111827;
	border: 1px solid #111827;
}

.btn-continue[b-rrpsasiapw] {
	background-color: #00231d;
	color: #fff;
	border: none;
}

.underline[b-rrpsasiapw] {
	padding-top: 1rem;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 1rem;
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter05.razor.rz.scp.css */
.section[b-e2osnc7kgv] {
	margin-bottom: 2rem;
}

h3[b-e2osnc7kgv] {
	font-weight: bold;
	margin-bottom: 0.25rem;
}

.description[b-e2osnc7kgv] {
	color: #666;
	margin-bottom: 1rem;
}

.counter-container[b-e2osnc7kgv] {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.counter-button[b-e2osnc7kgv] {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background-color: white;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.counter-value[b-e2osnc7kgv] {
	min-width: 2rem;
	text-align: center;
	font-weight: bold;
}

.upload-box[b-e2osnc7kgv] {
	border: 1px solid #ddd;
	border-radius: 1rem;
	background-color: #f9f9f9;
	text-align: center;
	padding: 2rem;
	margin-bottom: 0.5rem;
}

.upload-text[b-e2osnc7kgv] {
	color: #00a3a3;
	font-weight: 600;
}

.box-title[b-e2osnc7kgv] {
	font-weight: bold;
}

.box-description[b-e2osnc7kgv] {
	color: #666;
}

.media-button[b-e2osnc7kgv] {
	margin-top: 0.5rem;
	padding: 0.5rem 1rem;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	cursor: pointer;
	font-weight: 600;
}

.checkbox-label[b-e2osnc7kgv] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 1.5rem 0;
}

.container[b-e2osnc7kgv] {
	padding: 2rem;
	max-width: 1000px;
	margin: 0 auto;
}

.option-grid[b-e2osnc7kgv] {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.option-card[b-e2osnc7kgv] {
	border: 1px solid #ccc;
	border-radius: 1rem;
	padding: 1rem;
	flex: 1 1 300px;
	text-align: center;
	cursor: pointer;
	transition: box-shadow 0.2s, border-color 0.2s;
}

	.option-card.selected[b-e2osnc7kgv] {
		border: 2px solid #00a3a3;
		box-shadow: 0 0 0 2px rgba(0, 163, 163, 0.2);
	}


.option-title[b-e2osnc7kgv] {
	font-weight: bold;
	margin-top: 1rem;
}

.option-desc[b-e2osnc7kgv] {
	color: #666;
}
/* _content/Imail.Seractech.Web/Components/Pages/Letter/Letter06.razor.rz.scp.css */

.container[b-39hf7ll44v] {
	display: flex;
	height: 80vh;
}

.left-panel[b-39hf7ll44v] {
	flex: 1;
	background-color: #ccc;
	height: 70%;
}

.right-panel[b-39hf7ll44v] {
	width: 560px;
	background: #fff;
	padding: 30px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-left: 1px solid #eee;
}

/* Debug panel styles */
.debug-panel[b-39hf7ll44v] {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #1a1a1a;
	color: #fff;
	padding: 15px;
	border-radius: 8px;
	font-family: monospace;
	font-size: 12px;
	max-width: 400px;
	z-index: 10000;
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

.debug-item[b-39hf7ll44v] {
	margin: 5px 0;
	padding: 3px 0;
	border-bottom: 1px solid #333;
}

.debug-success[b-39hf7ll44v] {
	color: #4CAF50;
}

.debug-error[b-39hf7ll44v] {
	color: #f44336;
}

.debug-warning[b-39hf7ll44v] {
	color: #ff9800;
}

.debug-info[b-39hf7ll44v] {
	color: #2196F3;
}

.summary-title[b-39hf7ll44v] {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.summary-boxes[b-39hf7ll44v] {
	display: flex;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.summary-box[b-39hf7ll44v] {
	flex: 1;
	padding: 1.5rem;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	text-align: center;
	background: #fff;
}

	.summary-box .value[b-39hf7ll44v] {
		font-size: 2rem;
		font-weight: bold;
	}

	.summary-box .label[b-39hf7ll44v] {
		color: #666;
	}

.config-grid[b-39hf7ll44v] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.config-card[b-39hf7ll44v] {
	padding: 1rem;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	background-color: #f9f9f9;
	position: relative;
}

.config-title[b-39hf7ll44v] {
	font-weight: bold;
}

.config-sub[b-39hf7ll44v] {
	color: #666;
}

.edit-link[b-39hf7ll44v] {
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: 0.9rem;
	color: #00a3a3;
	cursor: pointer;
}

.price-summary[b-39hf7ll44v] {
	margin-top: 2rem;
}

.price-row[b-39hf7ll44v] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}

.price-total[b-39hf7ll44v] {
	font-weight: bold;
	border-top: 1px solid #ccc;
	padding-top: 1rem;
	margin-top: 1rem;
}

.note-link[b-39hf7ll44v] {
	color: #00a3a3;
	font-size: 0.9rem;
	float: right;
	margin-top: 0.5rem;
}

.confirmation[b-39hf7ll44v] {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.error-message[b-39hf7ll44v] {
	color: #d32f2f;
	margin-top: 10px;
	font-size: 14px;
}
/* _content/Imail.Seractech.Web/Components/Pages/Login/Login.razor.rz.scp.css */

.login-header[b-hqqqewgai9] {
	color: var(--text-primary, #181D27);
	text-align: center;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 40.8px */
	letter-spacing: -0.4px;
}

.header-subtext[b-hqqqewgai9] {
	color: var(--text-secondary, #535862);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 19.6px */
}

.form-label[b-hqqqewgai9] {
	color: var(--text-secondary, #535862);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 19.6px */
	letter-spacing: -0.045px;
}

.btnSubmit[b-hqqqewgai9] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background: #012B2A !important;
	padding: 10px;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 166%;
	letter-spacing: 0.4px;
	border: none !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/Login/LoginLegacy.razor.rz.scp.css */
.login-header[b-u29113axgr] {
    color: var(--text-primary, #181D27);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 40.8px */
    letter-spacing: -0.4px;
}

.header-subtext[b-u29113axgr] {
    color: var(--Text-secondary, #535862);
    text-align: center;
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.form-label[b-u29113axgr] {
    color: var(--Text-secondary, #535862);
    font-family: "Funnel Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.045px;
}

button.btnSubmit[b-u29113axgr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #012B2A !important;
    padding: 10px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 166%;
    letter-spacing: 0.4px;
    border: none !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/MailManagement/DocumentSearchConfiguration.razor.rz.scp.css */

.form-wrapper[b-n6g25bv2m8] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /*  min-height: 100vh;
        padding: 40px; */
    background-color: #f9fafb;
    padding-bottom: 50px;
}

.filter-form[b-n6g25bv2m8] {
    display: flex;
    gap: 60px;
    padding: 40px;
    max-width: 1100px;
    flex-wrap: wrap;
    position: relative;
}

.column[b-n6g25bv2m8] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    min-width: 400px;
}

.form-group[b-n6g25bv2m8] {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #374151;
}

    .form-group label[b-n6g25bv2m8] {
        margin-bottom: 6px;
        font-weight: 500;
    }

    .form-group select[b-n6g25bv2m8],
    .form-group input[type="text"][b-n6g25bv2m8],
    .form-group input[type="date"][b-n6g25bv2m8] {
        padding: 8px 12px;
        border-radius: 8px;
        border: 1px solid #d1d5db;
        background-color: white;
        font-size: 14px;
        color: #111827;
    }

.date-range[b-n6g25bv2m8] {
    display: flex;
    gap: 10px;
}

.form-actions[b-n6g25bv2m8] {
    position: absolute;
    bottom: -15px;
    right: 40px;
}

.search-button[b-n6g25bv2m8] {
    padding: 10px 20px;
    font-size: 14px;
    background-color: #6b7280;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

    .search-button:hover[b-n6g25bv2m8] {
        background-color: #4b5563;
    }

.form-group input[type="date"][b-n6g25bv2m8] {
    width: 235px;
}
/* _content/Imail.Seractech.Web/Components/Pages/MailManagement/MailManagementTab.razor.rz.scp.css */
/*.mail-tabs-container {
	font-family: 'Funnel Sans', sans-serif;
}
*/
.title[b-9c7j6v2ui9] {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #1a1a1a;
}

.tabs[b-9c7j6v2ui9] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	background-color: #f9f9f9;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
}

.tab[b-9c7j6v2ui9] {
	padding: 6px 14px;
	background: none;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	color: #6b7280;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.tab:hover[b-9c7j6v2ui9] {
	background-color: #efefef;
}

.tab.active[b-9c7j6v2ui9] {
	border: 1px solid #d1d5db;
	color: #111827;
	background-color: white;
	font-weight: 500;
}

.tab-content[b-9c7j6v2ui9] {
	display: none;
	padding: 20px 0px;
	border-top: 1px solid #e5e7eb;
}

.tab-content.active-content[b-9c7j6v2ui9] {
	display: block;
}



.mail-management[b-9c7j6v2ui9] {
	max-width: 1200px;
	margin: auto;
	font-family: 'Funnel Sans', sans-serif;
}


.lblDescription[b-9c7j6v2ui9] {
	margin-top: 15px;
}

.lblCurrentTab[b-9c7j6v2ui9] {
	font-size: 18px;
	font-weight: 500;
}

.lblText[b-9c7j6v2ui9] {
	font-size: 14px;
	font-weight: 400;
	color: #6b7280;
}

.filter-container[b-9c7j6v2ui9] {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	font-family: 'Funnel Sans', sans-serif;
	margin-bottom: 10px;
}

.form-group[b-9c7j6v2ui9] {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 600;
	color: #535862;
	/* Tailwind gray-700 */
}

.form-group select[b-9c7j6v2ui9] {
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
	/* Tailwind gray-300 */
	background-color: #fff;
	font-size: 14px;
	color: #111827;
	/* Tailwind gray-900 */
	margin-top: 4px;
	appearance: none;
	background-image: url('/icons/chevron-down.svg');
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
	min-width: 145px;
}

div.filter-switch-container[b-9c7j6v2ui9] {
	height: 31.33px;
	padding-top: 5px;
}

.refresh-button[b-9c7j6v2ui9] {
	padding: 8px 16px;
	border-radius: 8px;
	border: 1px solid #4b5563;
	/* Tailwind gray-600 */
	background-color: #fff;
	color: #374151;
	/* Tailwind gray-700 */
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s ease;
}

.refresh-button:hover[b-9c7j6v2ui9] {
	background-color: #f3f4f6;
	/* Tailwind gray-100 */
}
/* _content/Imail.Seractech.Web/Components/Pages/MailManagement/MailManagementTabContent.razor.rz.scp.css */

/* JAF - NOTE THIS IS ALL COMMENTED OUT BECAUSE THIS STYLING NEVER GETS SET DUE THERE BEING NO OVERARCHING DIV AROUND THE CONTENT FOR IT TO HANG OFF - SEE MAIN APP.CSS INSTEAD */

/*.e-custom-grid {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 15px;
    background-color: white;
    font-family: 'Segoe UI', sans-serif;
}

.status-badge {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid transparent;
    background-color: transparent;
}*/

    /* Status-specific styles */
    /*.status-badge.sent {
        color: #0f766e;
        border-color: #99f6e4;
        background-color: rgba(16, 185, 129, 0.1);
        text-transform: none;*/ /* Keep 'Sent' capitalized normally */
    /*}

    .status-badge.draft {
        color: #6b7280;
        border-color: #d1d5db;
        background-color: rgba(107, 114, 128, 0.1);
    }

    .status-badge.failed {
        color: #dc2626;
        border-color: #fecaca;
        background-color: rgba(220, 38, 38, 0.1);
    }

    .status-badge.scheduled {
        color: #d97706;
        border-color: #fde68a;
        background-color: rgba(234, 179, 8, 0.1);
    }

    .status-badge.pending {
        color: #3b82f6;
        border-color: #bfdbfe;
        background-color: rgba(59, 130, 246, 0.1);
    }


.delete-btn {
    color: #999;
    border: none;
    background: none;
    cursor: pointer;
}

    .delete-btn .e-icons.e-delete::before {
        content: "\e7c3";*/ /* Syncfusion delete icon code */
    /*}*/

/* Target the grid toolbar */
/*.custom-toolbar-grid .e-toolbar {
    display: flex;
    justify-content: space-between;*/ /* Left and right alignment */
    /*align-items: center;
}*/

/* Ensure toolbar item spacing */
/*.custom-toolbar-grid .e-toolbar-item {
    margin-right: 10px;
}*/

/* Optional: adjust spacing of the search box */
/*.custom-toolbar-grid .e-search {
    margin-right: auto;
}*/

/* Target checked checkbox inside the grid */
/*.e-grid .e-checkbox-wrapper .e-check::before {
    color: #4B5563;*/ /* Tailwind's gray-700 or any dark gray */
/*}*/

/* Remove border and background on check/focus */
/*.e-grid .e-checkbox-wrapper.e-focus,
.e-grid .e-checkbox-wrapper.e-checkbox-active {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}*/

/* Optional: also target the inner input for safety */
/*.e-grid .e-checkbox-wrapper input[type="checkbox"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #4B5563 !important;
}*/

/*   pagination css */
/*.e-lib .e-gridpager {
    text-align: center !important;
}

.e-parentmsgbar {
    display: none !important;
}*/

/* _content/Imail.Seractech.Web/Components/Pages/MediaLibrary/EditMediaLibraryItem.razor.rz.scp.css */
.required[b-w7wmvis2gi] {
	color: #5479F7;
}

h2.sub-header[b-w7wmvis2gi] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-w7wmvis2gi] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-w7wmvis2gi] {
	max-width: none;
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 700px; /* left grows, right fixed */
	gap: 24px;
	align-items: start;
	margin-top: 30px;
}

.form-container-left[b-w7wmvis2gi] {
	height: calc(100vh - 140px);
	min-height: 400px;
	overflow: hidden;	
	display: flex;
	flex-direction: column;
}

.form-container-right[b-w7wmvis2gi] {
	position: sticky;
	top: 12px;
}

.viewer-placeholder[b-w7wmvis2gi] {
	height: 100%; /* fills the .form-container-left */
	min-height: 240px; /* safety for small viewports */
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8fafc; /* slate-50 */
	border: 2px dashed #d1d5db; /* gray-300 */
	border-radius: 12px;
	color: #6b7280; /* gray-600 */
	padding: 16px;
	box-sizing: border-box;
}

	.viewer-placeholder .content[b-w7wmvis2gi] {
		text-align: center;
		line-height: 1.35;
	}

	.viewer-placeholder .icon[b-w7wmvis2gi] {
		display: inline-block;
		font-size: 28px; /* Syncfusion icon size */
		margin-bottom: 8px;
		vertical-align: middle;
	}

	.viewer-placeholder .title[b-w7wmvis2gi] {
		font-weight: 600;
		margin-bottom: 4px;
	}

.line-gray[b-w7wmvis2gi] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.details-card[b-w7wmvis2gi] {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 16px 16px 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
	display: flex;
	flex-direction: column;
}

	.details-card .btn[b-w7wmvis2gi] {
		min-width: 92px;
	}
	
	.details-card .btn-primary[disabled][b-w7wmvis2gi] {
		opacity: .6;
	}

	.details-card .details-footer > * + *[b-w7wmvis2gi] {
		margin-left: 8px;
	}

.details-header[b-w7wmvis2gi] {
	margin-bottom: 8px;
}

.details-title[b-w7wmvis2gi] {
	font-weight: 700;
	color: #111827;
}

.details-footer[b-w7wmvis2gi] {
	justify-content: flex-end; 
	padding: 12px 8px 12px 8px;
	border-top: 1px solid #f3f4f6;
	margin-top: 8px;
}

.kv[b-w7wmvis2gi] {
	margin: 0;
	flex: 1 1 auto;
}

.kv-row[b-w7wmvis2gi] {
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid #f3f4f6;
}

	.kv-row:first-child[b-w7wmvis2gi] {
		border-top: 0;
	}

.kv dt[b-w7wmvis2gi] {
	color: #6b7280;
	font-weight: 600;
}

.kv dd[b-w7wmvis2gi] {
	margin: 0;
	color: #111827;
}

.truncate[b-w7wmvis2gi] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.badge[b-w7wmvis2gi] {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: 12px;
	background: #eef2ff;
	color: #3730a3;
}

.chip[b-w7wmvis2gi] {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 9999px;
	font-size: 12px;
	background: #f3f4f6;
	color: #374151;
	margin-right: 6px;
	margin-bottom: 6px;
}

.muted[b-w7wmvis2gi] {
	color: #9ca3af;
}

.access-denied-container[b-w7wmvis2gi] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-w7wmvis2gi] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-w7wmvis2gi] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-w7wmvis2gi] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-w7wmvis2gi] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}
/* _content/Imail.Seractech.Web/Components/Pages/MediaLibrary/MediaLibrary.razor.rz.scp.css */
.media-library-container[b-g0tup57lkw] {
	--preview-h: 185px;
}

.media-library-container[b-g0tup57lkw] {
	font-family: 'Funnel Sans', sans-serif;
}

.access-denied-container[b-g0tup57lkw] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-g0tup57lkw] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-g0tup57lkw] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-g0tup57lkw] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-g0tup57lkw] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}

.title[b-g0tup57lkw] {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #1a1a1a;
}

.subTitle[b-g0tup57lkw] {
	font-size: 14px;
	font-weight: 400;
	color: #525862;
}

h2[b-g0tup57lkw] {
	font-size: 18px;
	font-weight: 500;
}

/* Sticky header: title (left), search (center), upload (right) */
.media-library-header[b-g0tup57lkw] {
	background: #fff;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	gap: 12px;	
}

	.media-library-header .title[b-g0tup57lkw] {
		grid-column: 1;
		justify-self: start;
	}


.media-library-search[b-g0tup57lkw] {
	background: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
	margin-top: 15px;
}

	.media-library-search .search-description[b-g0tup57lkw] {
		grid-column: 1;
		justify-self: start;
	}

	.media-library-search .search-container[b-g0tup57lkw] {
		grid-column: 2;
		justify-self: center;
	}

	.media-library-search .upload-btn-top[b-g0tup57lkw] {
		grid-column: 3;
		justify-self: end;
	}

	.media-library-search .search-description h2[b-g0tup57lkw] {
		margin: 0px;
		font-weight: bolder;
	}

	.media-library-search .search-description .subTitle[b-g0tup57lkw] {
		margin: 0px;
	}


/*
	Tags
*/

.tabs[b-g0tup57lkw] {
	background-color: #f9f9f9;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
}

.tag-container[b-g0tup57lkw] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tag[b-g0tup57lkw] {
	padding: 6px 16px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	background-color: #fafafa;
	border-radius: 6px;
	color: #666;
	cursor: pointer;
	transition: all 0.2s ease;
}

	.tag:hover[b-g0tup57lkw] {
		border: 1px solid #0d5e4b;
		color: #0d5e4b;
		background-color: white;
	}

	.tag.active[b-g0tup57lkw] {
		border: 1px solid #0d5e4b;
		color: #0d5e4b;
		background-color: white;
		display: flex;
		align-items: center;
		gap: 4px;
	}

.separator[b-g0tup57lkw] {
	width: 1px;
	height: 24px;
	background-color: #ddd;
	margin: 0 8px;
}

.tag-clear[b-g0tup57lkw] {
	padding: 6px 16px;
	font-size: 14px;
	border: 1px solid #0d5e4b;
	color: #0d5e4b;
	background-color: white;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 4px;
}

	.tag-clear:hover[b-g0tup57lkw] {
		background-color: #f5f5f5;
	}

.close-icon[b-g0tup57lkw] {
	margin-left: 4px;
	cursor: pointer;
}

/*
	Items
*/

.file-grid[b-g0tup57lkw] {
	display: grid;
	grid-template-columns: repeat(auto-fill, 260px);
	gap: 1rem;
	align-items: start;
}

.file-card[b-g0tup57lkw] {
	background: white;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 4px rgba(0,0,0,0.05);
	position: relative;
	min-width: 0;
}

	.file-card input[type="checkbox"][b-g0tup57lkw] {
		position: absolute;
		top: 19px;
		left: 20px;
		transform: scale(1.2);
	}

	.file-card .file-info[b-g0tup57lkw] {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #eee;
		position: relative;
		padding-right: 40px;
	}

		/* Place kebab at top-right of file-info */
		.file-card .file-info .options-btn[b-g0tup57lkw] {
			position: absolute;
			top: 8px;
			right: 8px;
			padding: 0;
			border: none;
			background: transparent;
			font-size: 18px;
			line-height: 1;
			cursor: pointer;
			color: #888;
		}

			.file-card .file-info .options-btn:hover[b-g0tup57lkw] {
				color: #555;
			}

.file-info .file-meta[b-g0tup57lkw] {
	font-size: 12px;
	color: #8a8f98;
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
}

.file-preview[b-g0tup57lkw] {
	height: var(--preview-h);
	border-radius: 12px;
	overflow: hidden;
	background-color: #f9f9f9;
}

.file-title[b-g0tup57lkw] {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-options[b-g0tup57lkw] {
	position: absolute;
	top: 170px;
	right: 12px;
	font-size: 18px;
	color: #888;
	cursor: pointer;
}

	.file-options[b-g0tup57lkw]::after {
		content: '⋮';
	}

.preview-img[b-g0tup57lkw] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

	.preview-img.not-found[b-g0tup57lkw] {
		opacity: .55;
		filter: grayscale(100%) contrast(70%) brightness(110%);
	}

.file-card.upload-card[b-g0tup57lkw] {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	border: 2px dashed #d1d5db;
	background: #fafafa;
	min-height: calc(var(--preview-h) + 94px);
	padding: 0;
}

	.file-card.upload-card:hover[b-g0tup57lkw] {
		border-color: #0d5e4b;
		background-color: #f9fffb;
	}

.upload-tile[b-g0tup57lkw] {
	all: unset; 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	width: 100%;	
	cursor: pointer;
	border-radius: 8px;
	padding: 0.5rem;
}

	.upload-tile:hover[b-g0tup57lkw] {
		border-radius: 8px;
	}

	.upload-tile:focus-visible[b-g0tup57lkw] {
		outline: 2px solid #0d5e4b;
		outline-offset: 3px;
		border-radius: 8px;
	}

	.upload-tile:disabled[b-g0tup57lkw] {
		cursor: not-allowed;
		opacity: 0.6;
	}

.upload-plus[b-g0tup57lkw] {
	font-size: 44px;
	line-height: 1;
	margin-bottom: 6px;
	color: #0d5e4b;
}

.upload-text[b-g0tup57lkw] {
	font-weight: 600;
	color: #1a1a1a;
	letter-spacing: 0.2px;
}

.upload-box[b-g0tup57lkw] {
	border: 1px dashed #ccc;
	border-radius: 12px;
	padding: 32px;
	text-align: center;
	margin: 20px 0;
}

	.upload-box i[b-g0tup57lkw] {
		font-size: 28px;
		color: #999;
	}

	.upload-box p[b-g0tup57lkw] {
		margin: 8px 0;
		color: #666;
	}

	.upload-box button[b-g0tup57lkw] {
		margin-top: 10px;
		padding: 8px 16px;
		font-size: 14px;
		border: 1px solid #ccc;
		background: white;
		border-radius: 6px;
		cursor: pointer;
	}

/* 
	Search
*/

.search-container[b-g0tup57lkw] {
	position: relative;
	display: flex;
	align-items: center;
	width: 300px;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 12px;
	background-color: white;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

	.search-container i[b-g0tup57lkw] {
		font-size: 14px;
		color: #888;
		margin-right: 8px;
	}

	.search-container input[b-g0tup57lkw] {
		border: none;
		outline: none;
		font-size: 14px;
		color: #444;
		flex: 1 1 auto;
		min-width: 0; 
		padding-right: 36px; 
	}

		.search-container input[b-g0tup57lkw]::placeholder {
			color: #888;
		}

	.search-container .clear-btn[b-g0tup57lkw] {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		border: 0;
		background: transparent;
		font-size: 18px;
		color: #888;
		padding: 0;
		width: 24px;
		height: 24px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		cursor: pointer;
	}

		.search-container .clear-btn:hover[b-g0tup57lkw] {
			color: #555;
		}

		.search-container .clear-btn:focus-visible[b-g0tup57lkw] {
			outline: 2px solid #0d5e4b;
			border-radius: 4px;
		}


/*
	Modal
*/

.modal-overlay[b-g0tup57lkw] {
	display: @(ShowModal ? "flex" : "none");
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.modal[b-g0tup57lkw] {
	background: white;
	width: 500px;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	max-height: 90vh;
	overflow-y: auto;
	position: relative;
}

	.modal h2[b-g0tup57lkw] {
		margin-top: 0;
		font-size: 18px;
	}

.close-btn[b-g0tup57lkw] {
	position: absolute;
	top: 20px;
	right: 24px;
	font-size: 20px;
	color: #888;
	cursor: pointer;
}

.file-card.deleted[b-g0tup57lkw] {
	border: 1px solid #d1d5db; 
	background-color: #f3f4f6; 
}

	.file-card.deleted .file-title[b-g0tup57lkw],
	.file-card.deleted .file-meta[b-g0tup57lkw] {
		color: #374151;
	}

	.file-card.deleted[b-g0tup57lkw]::after {
		content: "Deleted";
		position: absolute;
		top: 8px;
		right: 8px;
		font-size: 12px;
		padding: 2px 8px;
		border-radius: 12px;
		background: #fde68a;
		color: #78350f;
		font-weight: 500;
	}

.file-card.shared[b-g0tup57lkw]::before {
	content: "Shared";
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 12px;
	background: #d1fae5;
	color: #065f46;
	font-weight: 500;
}

.file-card.shared-with-you[b-g0tup57lkw]::before {
	content: "Shared With You";
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 12px;
	background: #ccfbf1;
	color: #0f766e;
	font-weight: 500;
}

.file-card.hidden[b-g0tup57lkw] {
	border: 1px solid #d1d5db;
	background-color: #f3f4f6;
}

	.file-card.hidden .file-title[b-g0tup57lkw],
	.file-card.hidden .file-meta[b-g0tup57lkw] {
		color: #374151;
	}
	.file-card.hidden[b-g0tup57lkw]::after {
		content: "Hidden";
		position: absolute;
		top: 8px;
		right: 8px;
		font-size: 12px;
		padding: 2px 8px;
		border-radius: 12px;
		background: #e5e7eb;
		color: #374151;
		font-weight: 500;
	}
/* _content/Imail.Seractech.Web/Components/Pages/MediaLibrary/ViewMediaLibraryItem.razor.rz.scp.css */
h2.sub-header[b-nvyt7duql3] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-nvyt7duql3] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-nvyt7duql3] {
	max-width: none;
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 700px; /* left grows, right fixed */
	gap: 24px;
	align-items: start;
	margin-top: 30px;
}

.form-container-left[b-nvyt7duql3] {
	height: calc(100vh - 140px);
	min-height: 400px;
	overflow: hidden;	
	display: flex;
	flex-direction: column;
}

.form-container-right[b-nvyt7duql3] {
	position: sticky;
	top: 12px;
}

.viewer-placeholder[b-nvyt7duql3] {
	height: 100%; /* fills the .form-container-left */
	min-height: 240px; /* safety for small viewports */
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8fafc; /* slate-50 */
	border: 2px dashed #d1d5db; /* gray-300 */
	border-radius: 12px;
	color: #6b7280; /* gray-600 */
	padding: 16px;
	box-sizing: border-box;
}

	.viewer-placeholder .content[b-nvyt7duql3] {
		text-align: center;
		line-height: 1.35;
	}

	.viewer-placeholder .icon[b-nvyt7duql3] {
		display: inline-block;
		font-size: 28px; /* Syncfusion icon size */
		margin-bottom: 8px;
		vertical-align: middle;
	}

	.viewer-placeholder .title[b-nvyt7duql3] {
		font-weight: 600;
		margin-bottom: 4px;
	}

.line-gray[b-nvyt7duql3] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.details-card[b-nvyt7duql3] {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 16px 16px 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
	display: flex;
	flex-direction: column;
}

	.details-card .btn[b-nvyt7duql3] {
		min-width: 92px;
	}
	
	.details-card .btn-primary[disabled][b-nvyt7duql3] {
		opacity: .6;
	}

	.details-card .details-footer > * + *[b-nvyt7duql3] {
		margin-left: 8px;
	}

.details-header[b-nvyt7duql3] {
	margin-bottom: 8px;
}

.details-title[b-nvyt7duql3] {
	font-weight: 700;
	color: #111827;
}

.details-footer[b-nvyt7duql3] {
	justify-content: flex-end; 
	padding: 12px 8px 12px 8px;
	border-top: 1px solid #f3f4f6;
	margin-top: 8px;
}

.kv[b-nvyt7duql3] {
	margin: 0;
	flex: 1 1 auto;
}

.kv-row[b-nvyt7duql3] {
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid #f3f4f6;
}

	.kv-row:first-child[b-nvyt7duql3] {
		border-top: 0;
	}

.kv dt[b-nvyt7duql3] {
	color: #6b7280;
	font-weight: 600;
}

.kv dd[b-nvyt7duql3] {
	margin: 0;
	color: #111827;
}

.truncate[b-nvyt7duql3] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.badge[b-nvyt7duql3] {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: 12px;
	background: #eef2ff;
	color: #3730a3;
}

.badge-green[b-nvyt7duql3] {
	background: #ecfdf5;
	color: #065f46;
}

/* base badge already exists */
.badge[b-nvyt7duql3] {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: 12px;
}

.badge-green[b-nvyt7duql3] {
	background: #ecfdf5;
	color: #065f46;
}

.badge-gray[b-nvyt7duql3] {
	background: #f3f4f6;
	color: #374151;
}
.badge-amber[b-nvyt7duql3] {
	background: #fffbeb;
	color: #92400e;
}

.badge-orange[b-nvyt7duql3] {
	background: #fff7ed;
	color: #9a3412;
}

.badge-red[b-nvyt7duql3] {
	background: #fef2f2;
	color: #991b1b;
}

.chip[b-nvyt7duql3] {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 9999px;
	font-size: 12px;
	background: #f3f4f6;
	color: #374151;
	margin-right: 6px;
	margin-bottom: 6px;
}

.muted[b-nvyt7duql3] {
	color: #9ca3af;
}

.access-denied-container[b-nvyt7duql3] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.access-denied-box[b-nvyt7duql3] {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	padding: 20px 28px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	max-width: 520px;
}

	.access-denied-box i[b-nvyt7duql3] {
		font-size: 28px;
		color: #dc2626;
	}

	.access-denied-box h3[b-nvyt7duql3] {
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 4px 0;
		color: #7f1d1d;
	}

	.access-denied-box p[b-nvyt7duql3] {
		margin: 0;
		font-size: 14px;
		color: #991b1b;
	}
/* _content/Imail.Seractech.Web/Components/Pages/Payment/PaymentCancelled.razor.rz.scp.css */
.payment-return-container[b-zaw8avr712] {
    padding-top: 12px;
}

.title[b-zaw8avr712] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.line-break[b-zaw8avr712] {
    border: 1px solid #DFE3E7;
    margin-top: 32px;
    margin-bottom: 32px;
}

.payment-return-body-content[b-zaw8avr712] {
    font-size: 14px;
    font-weight: 400;
}
/* _content/Imail.Seractech.Web/Components/Pages/Payment/PaymentSucceeded.razor.rz.scp.css */
.payment-return-container[b-ah7hqzl6zz] {
    padding-top: 12px;
}

.title[b-ah7hqzl6zz] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.line-break[b-ah7hqzl6zz] {
    border: 1px solid #DFE3E7;
    margin-top: 32px;
    margin-bottom: 32px;
}

.payment-return-body-content[b-ah7hqzl6zz] {
    font-size: 14px;
    font-weight: 400;
}
/* _content/Imail.Seractech.Web/Components/Pages/PostalCodeChecker.razor.rz.scp.css */
/* Postcode Checker Page Styles */
.postcode-checker-wrapper[b-p7beynj6ga] {
    background-color: #fff;
    font-family: 'Funnel Sans', sans-serif;
}

/* Header Styles */
.postcode-header[b-p7beynj6ga] {
    margin-bottom: 15px;
}

.postcode-title[b-p7beynj6ga] {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 10px;
}

.postcode-subtitle[b-p7beynj6ga] {
    font-size: 16px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

/* Section Headers */
.section-header[b-p7beynj6ga] {
    margin-bottom: 24px;
}

.section-title[b-p7beynj6ga] {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-title i[b-p7beynj6ga] {
    color: var(--color-primary);
    font-size: 18px;
}

.section-description[b-p7beynj6ga] {
    font-size: 14px;
    color: #666;
    margin: 0;
    margin-left: 30px;
}

/* Section Spacing */
.checker-section[b-p7beynj6ga],
.upload-section[b-p7beynj6ga],
.files-section[b-p7beynj6ga] {
    margin-bottom: 48px;
}

/* Card Styles */
[b-p7beynj6ga] .checker-card,
[b-p7beynj6ga] .upload-card,
[b-p7beynj6ga] .files-card {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

[b-p7beynj6ga] .checker-card:hover,
[b-p7beynj6ga] .upload-card:hover,
[b-p7beynj6ga] .files-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Checker Form Styles */
.checker-form[b-p7beynj6ga],
.upload-form[b-p7beynj6ga] {
    padding: 24px;
}

.form-row[b-p7beynj6ga] {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    margin-bottom: 24px;
}

.input-group[b-p7beynj6ga] {
    flex: 1;
}

[b-p7beynj6ga] .postcode-input {
    width: 100%;
}

[b-p7beynj6ga] .postcode-btn,
[b-p7beynj6ga] .upload-btn {
    height: 40px;
    padding: 0 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-weight: 500;
}

/* Loading Indicator */
.loading-indicator[b-p7beynj6ga] {
    text-align: center;
    margin: 20px 0;
}

[b-p7beynj6ga] .postcode-spinner,
[b-p7beynj6ga] .main-spinner {
    margin: 20px auto;
}

/* Results Section */
.addresses-result[b-p7beynj6ga] {
    margin-top: 24px;
}

.result-title[b-p7beynj6ga] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.result-title i[b-p7beynj6ga] {
    color: var(--color-primary);
}

[b-p7beynj6ga] .address-grid,
[b-p7beynj6ga] .files-grid {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

/* Error Message */
.error-message[b-p7beynj6ga] {
    margin-top: 16px;
}

.alert[b-p7beynj6ga] {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.alert-danger[b-p7beynj6ga] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert i[b-p7beynj6ga] {
    font-size: 16px;
    flex-shrink: 0;
}

/* Upload Section Styles */
.upload-instructions[b-p7beynj6ga] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.instruction-item[b-p7beynj6ga] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #555;
}

.instruction-item:last-child[b-p7beynj6ga] {
    margin-bottom: 0;
}

.instruction-item i[b-p7beynj6ga] {
    color: var(--color-primary);
    font-size: 16px;
    flex-shrink: 0;
}

.upload-controls[b-p7beynj6ga] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
}

.file-input-section[b-p7beynj6ga] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.file-input[b-p7beynj6ga] {
    position: absolute;
    left: -9999px;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    visibility: hidden;
}

/* Hide any browser-specific file input styling */
.file-input[b-p7beynj6ga]::-webkit-file-upload-button {
    display: none;
}

.file-input[b-p7beynj6ga]::file-selector-button {
    display: none;
}

.file-input-label[b-p7beynj6ga] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border: 2px dashed var(--color-primary);
    border-radius: 8px;
    background: transparent;
    color: var(--color-primary);
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    min-height: 40px;
}

.file-input-label:hover[b-p7beynj6ga] {
    background: rgba(var(--color-primary-rgb), 0.05);
    border-color: var(--color-primary);
}

.file-input-label i[b-p7beynj6ga] {
    font-size: 18px;
}

.file-selected-info[b-p7beynj6ga] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    color: #155724;
    font-size: 14px;
    font-weight: 500;
}

.text-success[b-p7beynj6ga] {
    color: #28a745 !important;
}

/* Action Buttons */
.action-buttons[b-p7beynj6ga] {
    display: flex;
    gap: 8px;
    justify-content: center;
}

[b-p7beynj6ga] .download-btn,
[b-p7beynj6ga] .delete-btn {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
}

[b-p7beynj6ga] .download-btn i,
[b-p7beynj6ga] .delete-btn i {
    font-size: 12px;
}

/* Loader Overlay */
.loader-overlay[b-p7beynj6ga] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

[b-p7beynj6ga] .main-spinner {
    background: white;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .postcode-checker-wrapper[b-p7beynj6ga] {
        padding: 24px;
    }

    .checker-section[b-p7beynj6ga],
    .upload-section[b-p7beynj6ga],
    .files-section[b-p7beynj6ga] {
        margin-bottom: 36px;
    }
}

@media (max-width: 768px) {
    .postcode-checker-wrapper[b-p7beynj6ga] {
        padding: 16px;
    }

    .postcode-title[b-p7beynj6ga] {
        font-size: 24px;
    }

    .postcode-subtitle[b-p7beynj6ga] {
        font-size: 14px;
    }

    .section-title[b-p7beynj6ga] {
        font-size: 20px;
    }

    .form-row[b-p7beynj6ga],
    .upload-controls[b-p7beynj6ga] {
        flex-direction: column;
        align-items: stretch;
    }

    .upload-controls[b-p7beynj6ga] {
        gap: 16px;
    }

    .file-input-section[b-p7beynj6ga] {
        gap: 10px;
    }

    .checker-form[b-p7beynj6ga],
    .upload-form[b-p7beynj6ga] {
        padding: 20px;
    }

    .action-buttons[b-p7beynj6ga] {
        flex-direction: column;
        gap: 6px;
    }

    [b-p7beynj6ga] .download-btn,
    [b-p7beynj6ga] .delete-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .postcode-checker-wrapper[b-p7beynj6ga] {
        padding: 12px;
    }

    .postcode-title[b-p7beynj6ga] {
        font-size: 22px;
    }

    .section-header[b-p7beynj6ga] {
        margin-bottom: 20px;
    }

    .checker-section[b-p7beynj6ga],
    .upload-section[b-p7beynj6ga],
    .files-section[b-p7beynj6ga] {
        margin-bottom: 32px;
    }

    .checker-form[b-p7beynj6ga],
    .upload-form[b-p7beynj6ga] {
        padding: 16px;
    }

    .upload-instructions[b-p7beynj6ga] {
        padding: 16px;
    }

    .instruction-item[b-p7beynj6ga] {
        font-size: 13px;
    }
}

/* Custom Syncfusion Grid Overrides */
[b-p7beynj6ga] .e-grid .e-gridheader {
    background: #f8f9fa;
    border-bottom: 2px solid #e0e0e0;
}

[b-p7beynj6ga] .e-grid .e-columnheader {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

[b-p7beynj6ga] .e-grid .e-row:hover {
    background: rgba(var(--color-primary-rgb), 0.05);
}

[b-p7beynj6ga] .e-grid .e-altrow {
    background: #fafafa;
}

/* Toast Notification Positioning */
[b-p7beynj6ga] .e-toast-container {
    z-index: 10000;
}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/PostCard.razor.rz.scp.css */

.postcard-wrapper[b-0yivjg0q1p] {
	padding: 32px;
	background-color: #fff;
	font-family: 'Funnel Sans', sans-serif;
}

.postcard-header[b-0yivjg0q1p] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

	.postcard-header h2[b-0yivjg0q1p] {
		margin: 0;
		font-size: 24px;
		font-weight: 600;
	}

.border-line[b-0yivjg0q1p] {
	border: 1px solid lightgray;
	margin-bottom: 20px;
}

.subtitle[b-0yivjg0q1p] {
	color: #666;
	font-size: 14px;
}

.stepper-section[b-0yivjg0q1p] {
	display: flex;
	gap: 16px;
	margin-bottom: 32px;
}


.main-grid[b-0yivjg0q1p] {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.linear-stepper-control[b-0yivjg0q1p] {
	/* margin: 45px 100px; */
	margin-top: 10px;
	width: 100%;
}

.linear-stepper-options[b-0yivjg0q1p] {
	margin: 30px 100px;
}

#linear-stepper-content[b-0yivjg0q1p] {
	height: 120px;
	width: 75%;
	margin: 0px 105px;
}

/* Hide default Syncfusion icons */
[b-0yivjg0q1p] .e-step-icon .e-icons {
	display: none;
}

/* Common circle styling */
[b-0yivjg0q1p] .step-icon::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #e0e0e0;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}

/* Step-specific number content */
[b-0yivjg0q1p] .step-01::before {
	content: "01";
}

[b-0yivjg0q1p] .step-02::before {
	content: "02";
}

[b-0yivjg0q1p] .step-03::before {
	content: "03";
}

[b-0yivjg0q1p] .step-04::before {
	content: "04";
}

[b-0yivjg0q1p] .step-05::before {
	content: "05";
}

[b-0yivjg0q1p] .step-06::before {
	content: "06";
}

/* Active step styling - midnight teal background */
[b-0yivjg0q1p] .e-stepper .e-step.e-step-active .step-icon::before {
	background-color: #003024 !important;
	color: #ffffff !important;
}

/* Completed step styling */
[b-0yivjg0q1p] .e-stepper .e-step.e-step-completed:not(.e-step-error) .step-icon::before {
	background-color: #00A19B !important;
	color: #ffffff !important;
}


.button-row[b-0yivjg0q1p] {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}

.btn-outline[b-0yivjg0q1p] {
	background: transparent;
	border: 2px solid #003024;
	color: #003024;
	padding: 10px 20px;
	border-radius: 8px;
	font-weight: 600;
	margin-left: 80px;
}

.btn-primary[b-0yivjg0q1p] {
	background-color: #003024;
	color: white;
	padding: 10px 24px;
	border: none;
	border-radius: 8px;
	font-weight: 600;
}

	.btn-outline:hover[b-0yivjg0q1p],
	.btn-primary:hover[b-0yivjg0q1p] {
		opacity: 0.9;
		cursor: pointer;
	}


@media only screen and (max-width: 965px) {
	.linear-stepper-control[b-0yivjg0q1p] {
		width: 100%;
		margin: 30px auto;
	}
}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/Postcard01.razor.rz.scp.css */
.container[b-nbnizk09uc] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 20px;
}

.form-wrapper[b-nbnizk09uc] {
	max-width: 600px;
	width: 100%;
}

h1[b-nbnizk09uc] {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
}

.description[b-nbnizk09uc] {
	font-size: 16px;
	color: #666;
	margin-bottom: 30px;
}

.form-grid[b-nbnizk09uc] {
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
}

.form-group[b-nbnizk09uc] {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

label[b-nbnizk09uc] {
	font-weight: 600;
	margin-bottom: 5px;
}

.form-control[b-nbnizk09uc] {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ccc;
	font-size: 14px;
}

.helper-text[b-nbnizk09uc] {
	font-size: 13px;
	color: #777;
	margin-bottom: 6px;
}

.toggle-container[b-nbnizk09uc] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 600px;
	padding: 20px 0;
	border-top: 1px solid #e0e0e0;
}

.toggle-label[b-nbnizk09uc] {
	display: flex;
	flex-direction: column;
}

	.toggle-label span[b-nbnizk09uc] {
		font-weight: 500;
		color: #000;
	}

	.toggle-label a[b-nbnizk09uc] {
		font-size: 14px;
		color: #555;
		text-decoration: none;
		margin-top: 5px;
	}

		.toggle-label a .tooltip-icon[b-nbnizk09uc] {
			display: inline-block;
			width: 16px;
			height: 16px;
			background-color: #e0e0e0;
			border-radius: 50%;
			text-align: center;
			line-height: 16px;
			font-size: 12px;
			margin-left: 4px;
			color: #333;
		}

.switch[b-nbnizk09uc] {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}

	.switch input[b-nbnizk09uc] {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider[b-nbnizk09uc] {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 34px;
	transition: 0.4s;
}

	.slider[b-nbnizk09uc]:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 3px;
		bottom: 3px;
		background-color: white;
		border-radius: 50%;
		transition: 0.4s;
	}

input:checked + .slider[b-nbnizk09uc] {
	background-color: #00a79d;
}

	input:checked + .slider[b-nbnizk09uc]:before {
		transform: translateX(16px);
	}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/Postcard02.razor.rz.scp.css */
>
.section[b-as2jjvnuf9] {
	margin-bottom: 2rem;
}

h3[b-as2jjvnuf9] {
	font-weight: bold;
	margin-bottom: 0.25rem;
}

.description[b-as2jjvnuf9] {
	color: #666;
	margin-bottom: 1rem;
}

.counter-container[b-as2jjvnuf9] {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.counter-button[b-as2jjvnuf9] {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background-color: white;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.counter-value[b-as2jjvnuf9] {
	min-width: 2rem;
	text-align: center;
	font-weight: bold;
}

.upload-box[b-as2jjvnuf9] {
	border: 1px solid #ddd;
	border-radius: 1rem;
	background-color: #f9f9f9;
	text-align: center;
	padding: 2rem;
	margin-bottom: 0.5rem;
}

.upload-text[b-as2jjvnuf9] {
	color: #00a3a3;
	font-weight: 600;
}

.box-title[b-as2jjvnuf9] {
	font-weight: bold;
}

.box-description[b-as2jjvnuf9] {
	color: #666;
}

.media-button[b-as2jjvnuf9] {
	margin-top: 0.5rem;
	padding: 0.5rem 1rem;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	cursor: pointer;
	font-weight: 600;
}

.checkbox-label[b-as2jjvnuf9] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 1.5rem 0;
}

.container[b-as2jjvnuf9] {
	padding: 2rem;
	max-width: 1000px;
	margin: 0 auto;
}

.option-grid[b-as2jjvnuf9] {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.option-card[b-as2jjvnuf9] {
	border: 1px solid #ccc;
	border-radius: 1rem;
	padding: 1rem;
	flex: 1 1 300px;
	text-align: center;
}

	.option-card:hover[b-as2jjvnuf9] {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	}

.option-title[b-as2jjvnuf9] {
	font-weight: bold;
	margin-top: 1rem;
}

.option-desc[b-as2jjvnuf9] {
	color: #666;
}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/Postcard03.razor.rz.scp.css */

.container[b-2gkfe6aqt7] {
	max-width: 800px;
	margin: 0 auto;
	padding: 2rem;
}

.tabs[b-2gkfe6aqt7] {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
}

.tab-button[b-2gkfe6aqt7] {
	padding: 0.75rem 2rem;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: white;
	font-weight: 600;
	border-radius: 0.5rem;
	margin: 0 0.5rem;
}

	.tab-button.active[b-2gkfe6aqt7] {
		border: 2px solid #c9c9c9;
		background-color: #f9f9f9;
	}

h2[b-2gkfe6aqt7] {
	font-weight: bold;
}

.upload-box[b-2gkfe6aqt7] {
	border: 1px solid #ddd;
	border-radius: 1rem;
	background-color: #f9f9f9;
	text-align: center;
	padding: 2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

	.upload-box:hover[b-2gkfe6aqt7] {
		border-color: #aaa;
	}

.upload-text[b-2gkfe6aqt7] {
	color: #00a3a3;
	font-weight: 600;
}

.form-section[b-2gkfe6aqt7] {
	margin-top: 2rem;
}

.form-group[b-2gkfe6aqt7] {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
}

	.form-group input[b-2gkfe6aqt7],
	.form-group select[b-2gkfe6aqt7] {
		flex: 1;
		padding: 0.75rem;
		border-radius: 0.5rem;
		border: 1px solid #ccc;
	}

.add-link[b-2gkfe6aqt7] {
	color: #00a3a3;
	cursor: pointer;
	font-weight: 600;
}

/* new */

.card-grid[b-2gkfe6aqt7] {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.card[b-2gkfe6aqt7] {
	width: 300px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.card-content[b-2gkfe6aqt7] {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.icon-placeholder[b-2gkfe6aqt7] {
	width: 40px;
	height: 40px;
	background-color: #f0f0f0;
	border-radius: 6px;
}

.text-content[b-2gkfe6aqt7] {
	flex: 1;
}

.card-title[b-2gkfe6aqt7] {
	font-weight: 600;
	font-size: 16px;
	margin: 0;
}

.card-description[b-2gkfe6aqt7] {
	font-size: 14px;
	color: #999;
	margin: 2px 0 16px;
}

.divider[b-2gkfe6aqt7] {
	height: 1px;
	background-color: #eee;
	margin-bottom: 16px;
	margin-top: 10px;
}

.connect-button[b-2gkfe6aqt7] {
	display: inline-block;
	padding: 6px 18px;
	border: 1px solid #004d40;
	border-radius: 8px;
	background-color: #fff;
	color: #004d40;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.3s;
	width: 100px;
}

	.connect-button:hover[b-2gkfe6aqt7] {
		background-color: #f0fdfc;
	}

.button-container[b-2gkfe6aqt7] {
	text-align: right;
}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/Postcard04.razor.rz.scp.css */
.container[b-dbrzmurggp] {
	max-width: 800px;
	margin: 0 auto;
	padding: 2rem;
}

h2[b-dbrzmurggp] {
	font-weight: bold;
}

.upload-section[b-dbrzmurggp] {
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 24px;
	max-width: 700px;
}

.upload-box[b-dbrzmurggp] {
	background-color: #f9f9f9;
	border-radius: 8px;
	padding: 40px;
	text-align: center;
	border: 1px dashed #ccc;
	margin-bottom: 20px;
}

	.upload-box i[b-dbrzmurggp] {
		font-size: 40px;
		color: #999;
	}

	.upload-box a[b-dbrzmurggp] {
		color: #357edd;
		text-decoration: none;
		font-weight: 500;
	}

	.upload-box span[b-dbrzmurggp] {
		color: #777;
		font-size: 14px;
		display: block;
		margin-top: 6px;
	}

.upload-info[b-dbrzmurggp] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


	.upload-info .title[b-dbrzmurggp] {
		font-weight: 600;
		margin-bottom: 5px;
	}

.media-btn[b-dbrzmurggp] {
	padding: 8px 16px;
	border-radius: 6px;
	border: 1px solid #ccc;
	background-color: #fff;
	cursor: pointer;
	font-weight: 500;
}

.guidelines[b-dbrzmurggp] {
	margin-top: 10px;
	color: #666;
}

	.guidelines .tooltip-icon[b-dbrzmurggp] {
		display: inline-block;
		width: 16px;
		height: 16px;
		background-color: #e0e0e0;
		border-radius: 50%;
		text-align: center;
		line-height: 16px;
		font-size: 12px;
		margin-left: 4px;
		color: #333;
	}

.bottom-section[b-dbrzmurggp] {
	border-top: 1px solid #e0e0e0;
	margin-top: 40px;
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

	.bottom-section .text-block b[b-dbrzmurggp] {
		display: block;
		margin-bottom: 4px;
	}

	.bottom-section .try-btn[b-dbrzmurggp] {
		padding: 8px 20px;
		border-radius: 6px;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		font-weight: 500;
		cursor: pointer;
	}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/Postcard05.razor.rz.scp.css */
body[b-c8q5dm4o1d] {
}
/* _content/Imail.Seractech.Web/Components/Pages/Postcard/Postcard06.razor.rz.scp.css */
.container[b-ldg92icbo1] {
	max-width: 960px;
	margin: 0 auto;
	padding: 2rem;
}

.summary-title[b-ldg92icbo1] {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2rem;
}


.config-grid[b-ldg92icbo1] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.config-card[b-ldg92icbo1] {
	padding: 1rem;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	background-color: #f9f9f9;
	position: relative;
}

.config-title[b-ldg92icbo1] {
	font-weight: bold;
}

.config-sub[b-ldg92icbo1] {
	color: #666;
}

.edit-link[b-ldg92icbo1] {
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: 0.9rem;
	color: #00a3a3;
	cursor: pointer;
}

.price-summary[b-ldg92icbo1] {
	margin-top: 2rem;
}

.price-row[b-ldg92icbo1] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}

.price-total[b-ldg92icbo1] {
	font-weight: bold;
	border-top: 1px solid #ccc;
	padding-top: 1rem;
	margin-top: 1rem;
}

.note-link[b-ldg92icbo1] {
	color: #00a3a3;
	font-size: 0.9rem;
	float: right;
	margin-top: 0.5rem;
}

.confirmation[b-ldg92icbo1] {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/*  datepicker */

.datetime-wrapper[b-ldg92icbo1] {
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px 14px;
	width: 280px;
	background-color: #fff;
	color: #6c757d;
}

.calendar-icon[b-ldg92icbo1] {
	font-size: 18px;
	margin-right: 8px;
	color: #6c757d;
}

.datetime-input[b-ldg92icbo1] {
	border: none;
	outline: none;
	font-size: 15px;
	width: 100%;
	color: #6c757d;
	background-color: transparent;
}

	.datetime-input:invalid[b-ldg92icbo1] {
		color: #6c757d;
	}

/* Remove native icon (for Chrome/Safari) */
input[type="datetime-local"][b-ldg92icbo1]::-webkit-calendar-picker-indicator {
	opacity: 0;
	cursor: pointer;
}
/* _content/Imail.Seractech.Web/Components/Pages/ProfileSetting/CompanyTab.razor.rz.scp.css */
h2[b-rnmj04f338] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-rnmj04f338] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-rnmj04f338] {
	max-width: 900px;
}

.form-row[b-rnmj04f338] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.form-label[b-rnmj04f338] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-rnmj04f338] {
		color: #5479F7;
	}

.form-field .two-inputs[b-rnmj04f338] {
	display: flex;
}

.form-field[b-rnmj04f338] {
	flex: 1;
}

	.form-field input[type="text"][b-rnmj04f338],
	.form-field select[b-rnmj04f338] {
		width: 100%;
		padding: 10px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

	.form-field.company-address[b-rnmj04f338] {
		display: flex;
		flex-direction: column;
		gap: 1rem; /* gap between groups */
	}

.textbox-group[b-rnmj04f338] {
	display: flex;
	flex-direction: column;
	gap: 0; /* no gap between textbox and validator */
}

.subtextsmall[b-rnmj04f338] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-rnmj04f338] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.city-county[b-rnmj04f338] {
	gap: 10px;
	display: flex;
	width: 100%;
}

.city-county .textbox-group[b-rnmj04f338] {
	flex: 1 1 50%;
}

.postcode[b-rnmj04f338] {
	max-width: calc(50% - 5px); /* account for the 10px gap between city/county */
}
/* _content/Imail.Seractech.Web/Components/Pages/ProfileSetting/DetailsTab.razor.rz.scp.css */
h2[b-g0p8d2pdjo] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-g0p8d2pdjo] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;	
	font-weight: 400;
}

.form-container[b-g0p8d2pdjo] {
	max-width: 900px;
}

.form-row[b-g0p8d2pdjo] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.form-label[b-g0p8d2pdjo] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-g0p8d2pdjo] {
		color: #5479F7;
	}

.form-field .two-inputs[b-g0p8d2pdjo] {
	display: flex;
}

.form-field[b-g0p8d2pdjo] {
	flex: 1;
}

.half[b-g0p8d2pdjo] {
	flex: 0.5 !important;
}

/*.form-field input[type="text"],
.form-field input[type="email"],
.form-field select {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
}*/

.form-field small[b-g0p8d2pdjo] {
	display: block;
	font-size: 12px;
	color: #777;
	margin-top: 6px;
}

.form-field.fullname[b-g0p8d2pdjo] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.textbox-group[b-g0p8d2pdjo] {
	display: flex;
	flex-direction: column;
	gap: 0;
}

select[disabled][b-g0p8d2pdjo],
input[disabled][b-g0p8d2pdjo] {
	background-color: #f3f3f3;
	color: #888;
}

.subtextsmall[b-g0p8d2pdjo] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-g0p8d2pdjo] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}


/* _content/Imail.Seractech.Web/Components/Pages/ProfileSetting/PasswordTab.razor.rz.scp.css */
h2[b-2ls0gctuos] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-2ls0gctuos] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-2ls0gctuos] {
	max-width: 900px;
}

.form-row[b-2ls0gctuos] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.form-label[b-2ls0gctuos] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}

	.form-label .required[b-2ls0gctuos] {
		color: #5479F7;
	}

.form-field .two-inputs[b-2ls0gctuos] {
	display: flex;
}

.form-field[b-2ls0gctuos] {
	flex: 1;
}

	.form-field input[type="text"][b-2ls0gctuos],
	.form-field select[b-2ls0gctuos] {
		width: 100%;
		padding: 10px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

.line-gray[b-2ls0gctuos] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.form-actions[b-2ls0gctuos] {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 30px;
}

	.form-actions button[b-2ls0gctuos] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	.form-actions .save[b-2ls0gctuos] {
		background: #003d29;
		color: white;
		border: none;
	}

.password-container[b-2ls0gctuos] {
	position: relative;
	width: 100%;
}

	.password-container .eye-btn[b-2ls0gctuos] {
		position: absolute;
		right: 10px; /* distance from right edge of textbox */
		top: 50%; /* center vertically */
		transform: translateY(-50%);
		background: transparent;
		border: none;
		cursor: pointer;
		padding: 0;
		font-size: 1rem;
		color: #666;
	}
/* _content/Imail.Seractech.Web/Components/Pages/ProfileSetting/PreferencesTab.razor.rz.scp.css */

h2[b-gvisxx6xfl] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-gvisxx6xfl] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.form-container[b-gvisxx6xfl] {
	max-width: 900px;
}

.form-row[b-gvisxx6xfl] {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.form-label[b-gvisxx6xfl] {
	flex: 0 0 330px;
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	color: #414651;
}


.form-field .two-inputs[b-gvisxx6xfl] {
	display: flex;
	margin-bottom: 15px;
}

.two-inputs span[b-gvisxx6xfl] {
	flex: 0.8;
	font-size: 14px;
	font-weight: 400;
	color: #272833;
}

.form-field[b-gvisxx6xfl] {
	flex: 0.8;
}

	.form-field input[type="text"][b-gvisxx6xfl],
	.form-field select[b-gvisxx6xfl] {
		width: 100%;
		padding: 10px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

.subtextsmall[b-gvisxx6xfl] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
	width: 255px;
}

.line-gray[b-gvisxx6xfl] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

/* _content/Imail.Seractech.Web/Components/Pages/ProfileSetting/ProfileSettings.razor.rz.scp.css */

.profile-tabs-container[b-2vvp68bzx2] {
    font-family: 'Funnel Sans', sans-serif;
}

.title[b-2vvp68bzx2] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.tabs[b-2vvp68bzx2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    margin-bottom: 10px;
}

.tab[b-2vvp68bzx2] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-2vvp68bzx2] {
        background-color: #efefef;
    }

    .tab.active[b-2vvp68bzx2] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

    .tab.tab-error[b-2vvp68bzx2] {
        border-bottom: 2px solid red;
        color: red;
    }


.tab-content[b-2vvp68bzx2] {
    display: none;
    padding: 0px 10px;
}

    .tab-content.active-content[b-2vvp68bzx2] {
        display: block;
    }

.subTitle[b-2vvp68bzx2] {
    font-size: 14px;
    font-weight: 400;
    color: #525862;
    margin-bottom: 25px;
}

.form-actions[b-2vvp68bzx2] {
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid #e2e8f0;
    padding: 0.75rem 0 0.75rem 1rem;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}

    .form-actions button[b-2vvp68bzx2] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

    .form-actions .save[b-2vvp68bzx2] {
        background: #003d29;
        color: white;
        border: none;
    }
/* _content/Imail.Seractech.Web/Components/Pages/Registration/Registration.razor.rz.scp.css */

label[b-hf71dc6ea2] {
	font-size: 14px !important;
	font-weight: 600;
	color: background: var(--Text-secondary, #535862) !important;
}

.stepper[b-hf71dc6ea2] {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin: 40px 0 20px;
	position: fixed;
	top: 0px;
}

.step-wrapper[b-hf71dc6ea2] {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step[b-hf71dc6ea2] {
	width: 60px;
	height: 4px;
	border-radius: 4px;
	background-color: #ddd;
	transition: background-color 0.3s ease;
}

	.step.active[b-hf71dc6ea2] {
		background-color: #009688;
	}

.step-number[b-hf71dc6ea2] {
	margin-top: 6px;
	font-size: 14px;
	color: #555;
	visibility: hidden;
}

.step-content[b-hf71dc6ea2] {
}

.step-box[b-hf71dc6ea2] {
	padding: 40px;
	background: #fff;
	border-radius: 8px;
	max-width: 620px;
	margin: 0 auto;
	font-family: "Funnel Sans";
}

	.step-box h2[b-hf71dc6ea2] {
		font-size: 24px;
		text-align: center;
		margin-bottom: 0;
	}

	.step-box h3[b-hf71dc6ea2] {
		font-size: 20px;
		text-align: center;
		font-weight: 600;
		margin-top: 5px;
	}

	.step-box p[b-hf71dc6ea2] {
		text-align: center;
		color: #555;
		font-size: 14px;
		margin: 20px 0;
	}

.form-row[b-hf71dc6ea2] {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.input-group[b-hf71dc6ea2] {
	display: flex;
	flex-direction: column;
	flex: 1;
}

	.input-group label[b-hf71dc6ea2] {
		font-size: 14px;
		margin-bottom: 5px;
		color: #333;
	}

	.input-group input[b-hf71dc6ea2] {
		padding: 10px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

	.form-row input[b-hf71dc6ea2],
	.input-group input[b-hf71dc6ea2],
	select[b-hf71dc6ea2] {
		flex: 1;
		padding: 10px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
		width: 100%;
		box-sizing: border-box;
	}

	.input-group.error input[b-hf71dc6ea2] {
		border: 1.5px solid red;
		background-color: #fff0f0;
	}

	.input-group .error-message[b-hf71dc6ea2] {
		font-size: 13px;
		color: red;
		margin-top: 5px;
		display: block;
		text-align: left;
	}

.checkbox-group[b-hf71dc6ea2] {
	margin: 15px 0;
	font-size: 14px;
	color: #444;
	font-weight: 400 !important;
}

	.checkbox-group input[type="checkbox"][b-hf71dc6ea2] {
		margin-right: 8px;
		font-weight: 400 !important;
	}

	.checkbox-group a[b-hf71dc6ea2] {
		color: #444;
		text-decoration: underline;
	}

.signup-btn[b-hf71dc6ea2] {
	width: 100%;
	background-color: #003d33;
	color: #fff;
	padding: 12px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	margin-top: 20px;
}

	.signup-btn :hover[b-hf71dc6ea2] {
		background-color: #003d33 !Important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !Important;
	}

.signin[b-hf71dc6ea2] {
	font-size: 14px;
	text-align: center;
	margin-top: 16px;
}

	.signin a[b-hf71dc6ea2] {
		color: #007b8f;
		text-decoration: underline;
	}

.mobile-input-group[b-hf71dc6ea2] {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.country-select[b-hf71dc6ea2] {
	flex: 0 0 80px; /* fixed width for dropdown */
}

	.country-select select[b-hf71dc6ea2] {
		width: 100%;
		padding: 10px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

.mobile-input-group input[type="text"][b-hf71dc6ea2] {
	flex: 1;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.navigation-buttons[b-hf71dc6ea2] {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: flex;
	gap: 10px;
	z-index: 1000;
}

button[b-hf71dc6ea2] {
	padding: 10px 20px;
	border: none;
	background-color: #009688;
	color: white;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}

	button:disabled[b-hf71dc6ea2] {
		background-color: #ccc;
		cursor: not-allowed;
	}

.go-back[b-hf71dc6ea2] {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	font-family: "Funnel Sans";
}

.go-back-label[b-hf71dc6ea2] {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
}


/* step 2 style */

.step2-verification[b-hf71dc6ea2] {
	text-align: center;
	font-family: "Funnel Sans";
}

	.step2-verification h2[b-hf71dc6ea2] {
		font-size: 24px;
		color: #1e1e1e;
		margin-bottom: 10px;
	}

	.step2-verification p[b-hf71dc6ea2] {
		font-size: 14px;
		color: #444;
		line-height: 1.6;
		margin-bottom: 20px;
	}

		.step2-verification p a[b-hf71dc6ea2] {
			color: #00bfb2;
			text-decoration: none;
			font-weight: 600;
		}

.code-label[b-hf71dc6ea2] {
	display: block;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
	font-size: 14px;
}

.code-inputs[b-hf71dc6ea2] {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

	.code-inputs input[b-hf71dc6ea2] {
		width: 50px;
		height: 50px;
		text-align: center;
		font-size: 20px;
		border: 1px solid #ddd;
		border-radius: 10px;
		outline: none;
		font-weight: bold;
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	}

.dash[b-hf71dc6ea2] {
	font-size: 24px;
	margin: 0 5px;
	color: #444;
}

.resend-text[b-hf71dc6ea2] {
	font-size: 13px;
	color: #444;
}

	.resend-text a[b-hf71dc6ea2] {
		color: #00bfb2;
		text-decoration: none;
		font-weight: 600;
	}


/* end step 2 style */

/* step 3 style */
.password-group[b-hf71dc6ea2] {
	position: relative;
	margin-bottom: 15px;
}

	.password-group input[b-hf71dc6ea2] {
		padding: 10px;
		padding-right: 40px; /* make room for eye icon */
		width: 100%;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

.toggle-eye[b-hf71dc6ea2] {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #555;
	font-size: 18px;
}

.step-password-notes[b-hf71dc6ea2] {
	margin-bottom: 25px;
}

	.step-password-notes p[b-hf71dc6ea2] {
		text-align: left;
		padding-left: 10px;
		margin-bottom: -20px;
	}

/* end step 3 style */

/* step 4 style */
.step4-profession[b-hf71dc6ea2] {
	display: flex;
	justify-content: center;
}

.tag-grid[b-hf71dc6ea2] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 500px;
	margin: auto;
}

.tag-btn[b-hf71dc6ea2] {
	padding: 8px 14px;
	font-size: 14px;
	background-color: white;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	font-family: "Funnel Sans";
	transition: 0.2s;
}

	.tag-btn.active[b-hf71dc6ea2] {
		border: 2px solid #00bfb2;
		color: #00bfb2;
		font-weight: 600;
	}

.custom-position-wrapper[b-hf71dc6ea2] {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.custom-position[b-hf71dc6ea2] {
	padding: 8px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	width: 200px;
	font-family: "Funnel Sans";
}

.skip[b-hf71dc6ea2] {
	font-weight: 400;
	cursor: default;
}

	.skip:hover[b-hf71dc6ea2] {
		text-decoration: underline;
	}

/* end step 4 style */

/* step 5 style */
.grid-focus .tag-grid-focus[b-hf71dc6ea2] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 500px;
	margin: auto;
}

.grid-focus .tag-btn[b-hf71dc6ea2] {
	padding: 8px 14px;
	font-size: 14px;
	background-color: white;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	font-family: "Funnel Sans";
	transition: 0.2s;
}

	.grid-focus .tag-btn.active[b-hf71dc6ea2] {
		border: 2px solid #00bfb2;
		color: #00bfb2;
		font-weight: 600;
	}

[b-hf71dc6ea2] div.step-box div.text-danger {
	text-align: center !important;
	margin-top: 10px;
}

/* end step 5 style */

.validation-message[b-hf71dc6ea2] {
	color: #D92D20;
	font-family: "Funnel Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
/* _content/Imail.Seractech.Web/Components/Pages/Reports/Report.razor.rz.scp.css */
.reports-wrapper[b-2knaxabr99] {
    background-color: #fff;
    font-family: 'Funnel Sans', sans-serif;
}

.reports-header[b-2knaxabr99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.reports-header h2[b-2knaxabr99] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
}

.title[b-2knaxabr99] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.border-line[b-2knaxabr99] {
    border: 1px solid lightgray;
    margin-bottom: 20px;
}

/* Tab Styling - matching MailManagementTab.razor.css */
.tabs[b-2knaxabr99] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-2knaxabr99] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.tab:hover[b-2knaxabr99] {
    background-color: #efefef;
}

.tab.active[b-2knaxabr99] {
    border: 1px solid #d1d5db;
    color: #111827;
    background-color: white;
    font-weight: 500;
}

.tab-content[b-2knaxabr99] {
    display: block;
    padding: 0px 0px 20px 0px;
}

.tab-content.active-content[b-2knaxabr99] {
    display: block;
}

/* Description Section */
.lblDescription[b-2knaxabr99] {
    margin-top: 15px;
}

.lblCurrentTab[b-2knaxabr99] {
    font-size: 18px;
    font-weight: 500;
}

.lblText[b-2knaxabr99] {
    font-size: 14px;
    font-weight: 400;
    color: #6b7280;
}

/* Filter Container - Clean design without top accent */
.filter-container[b-2knaxabr99] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    align-items: end;
    gap: 20px;
    padding: 24px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    margin-bottom: 32px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Two-column balanced layout for large screens */
@media (min-width: 1200px) {
    .filter-container[b-2knaxabr99] {
        grid-template-columns: 1fr 1fr;
        gap: 24px 32px;
        align-items: start;
    }

    /* Left Column Items */
    .form-item-1[b-2knaxabr99] {
        /* Report Type */
        grid-column: 1;
        grid-row: 1;
    }

    .form-item-3[b-2knaxabr99] {
        /* Align to billing date */
        grid-column: 1;
        grid-row: 2;
    }

    .form-item-5[b-2knaxabr99] {
        /* Password protect */
        grid-column: 1;
        grid-row: 3;
    }

    /* Right Column Items */
    .form-item-2[b-2knaxabr99] {
        /* Date Range */
        grid-column: 2;
        grid-row: 1;
    }

    .form-item-4[b-2knaxabr99] {
        /* Email report */
        grid-column: 2;
        grid-row: 2;
    }

    .form-item-6[b-2knaxabr99] {
        /* Manual password */
        grid-column: 2;
        grid-row: 3;
    }

    /* Full-width items */
    .form-item-email[b-2knaxabr99] {
        /* Email Recipients */
        grid-column: 1 / -1;
        grid-row: 4;
    }

    .form-item-password[b-2knaxabr99] {
        /* Password input */
        grid-column: 1 / -1;
        grid-row: 5;
    }

    /* Request Report button - centered across both columns */
    .request-report-section[b-2knaxabr99] {
        grid-column: 1 / -1;
        grid-row: 6;
        margin-top: 16px;
    }
}

.form-group[b-2knaxabr99] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.form-group:focus-within label[b-2knaxabr99] {
    color: var(--color-primary, #003a3a);
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

.form-group label[b-2knaxabr99] {
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    text-transform: none;
    letter-spacing: 0.25px;
    margin-bottom: 4px;
    transition: all 0.2s ease;
    position: relative;
}

.switch-group[b-2knaxabr99] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    transition: all 0.2s ease;
}

.switch-group:hover[b-2knaxabr99] {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(203, 213, 225, 0.9);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.switch-group label[b-2knaxabr99] {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    text-transform: none;
    letter-spacing: normal;
}

/* Syncfusion component overrides */
[b-2knaxabr99] .e-input-group,
[b-2knaxabr99] .e-daterangepicker,
[b-2knaxabr99] .e-textbox {
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

[b-2knaxabr99] .e-input-group:focus-within,
[b-2knaxabr99] .e-daterangepicker:focus-within {
    border-color: #003024;
    box-shadow: 0 0 0 2px rgba(0, 48, 36, 0.1);
}

[b-2knaxabr99] .e-switch-wrapper .e-switch-inner {
    background-color: #e5e7eb;
}

[b-2knaxabr99] .e-switch-wrapper .e-switch-handle {
    background-color: #ffffff;
}

[b-2knaxabr99] .e-switch-wrapper.e-switch-active .e-switch-inner {
    background-color: #003024;
}

/* Enhanced Request Report Button */
.request-report-section[b-2knaxabr99] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

/* Syncfusion Button Overrides for consistent styling */
[b-2knaxabr99] .e-btn.e-primary {
    background: linear-gradient(135deg, var(--color-primary, #003a3a) 0%, var(--color-primary-hover, #004d4d) 100%) !important;
    border: 2px solid var(--color-primary, #003a3a) !important;
    color: #ffffff !important;
    padding: 14px 32px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    min-width: 160px;
    box-shadow: 0 4px 12px rgba(0, 58, 58, 0.25);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

[b-2knaxabr99] .e-btn.e-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

[b-2knaxabr99] .e-btn.e-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--color-primary-hover, #004d4d) 0%, var(--color-primary-active, #002b2b) 100%) !important;
    border-color: var(--color-primary-hover, #004d4d) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 58, 58, 0.4);
}

[b-2knaxabr99] .e-btn.e-primary:hover:not(:disabled)::before {
    left: 100%;
}

[b-2knaxabr99] .e-btn.e-primary:active:not(:disabled) {
    background-color: var(--color-primary-active, #002b2b) !important;
    border-color: var(--color-primary-active, #002b2b) !important;
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

[b-2knaxabr99] .e-btn.e-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Grid Container */
.grid-container[b-2knaxabr99] {
    margin-top: 14px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

/* Syncfusion Grid overrides */
[b-2knaxabr99] .e-grid {
    border: none;
    border-radius: 0;
    font-family: 'Funnel Sans', sans-serif;
}

[b-2knaxabr99] .e-grid .e-gridheader {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #cbd5e1;
}

[b-2knaxabr99] .e-grid .e-headercell {
    font-weight: 600;
    color: #334155;
    padding: 16px 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-right: 1px solid #e2e8f0;
}

[b-2knaxabr99] .e-grid .e-headercell:last-child {
    border-right: none;
}

[b-2knaxabr99] .e-grid .e-rowcell {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    border-right: 1px solid #f8fafc;
    color: #475569;
    font-size: 14px;
}

[b-2knaxabr99] .e-grid .e-rowcell:last-child {
    border-right: none;
}

[b-2knaxabr99] .e-grid .e-row:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

[b-2knaxabr99] .e-grid .e-row:nth-child(even) {
    background-color: #fdfdfe;
}

[b-2knaxabr99] .e-grid .e-row:nth-child(even):hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

[b-2knaxabr99] .e-grid .e-toolbar {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px;
}

/* Grid Toolbar Buttons - Standard Syncfusion styling */
[b-2knaxabr99] .e-grid .e-toolbar .e-btn {
    background-color: var(--color-primary, #003a3a) !important;
    border-color: var(--color-primary, #003a3a) !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    border: 1px solid;
}

[b-2knaxabr99] .e-grid .e-toolbar .e-btn:hover:not(:disabled) {
    background-color: var(--color-primary-hover, #004d4d) !important;
    border-color: var(--color-primary-hover, #004d4d) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

[b-2knaxabr99] .e-grid .e-toolbar .e-btn:active:not(:disabled) {
    background-color: var(--color-primary-active, #002b2b) !important;
    border-color: var(--color-primary-active, #002b2b) !important;
    color: #ffffff !important;
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

[b-2knaxabr99] .e-grid .e-toolbar .e-btn:disabled {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Ensure all toolbar button text is white and properly sized */
[b-2knaxabr99] .e-grid .e-toolbar .e-btn .e-tbar-btn-text,
[b-2knaxabr99] .e-grid .e-toolbar .e-btn span {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Specific button styling for different actions */
[b-2knaxabr99] .e-grid .e-toolbar .e-btn.e-tbar-btn[title="Add"] {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}

[b-2knaxabr99] .e-grid .e-toolbar .e-btn.e-tbar-btn[title="Add"]:hover:not(:disabled) {
    background-color: #157347 !important;
    border-color: #146c43 !important;
    color: #ffffff !important;
}

[b-2knaxabr99] .e-grid .e-toolbar .e-btn.e-tbar-btn[title="Delete"] {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

[b-2knaxabr99] .e-grid .e-toolbar .e-btn.e-tbar-btn[title="Delete"]:hover:not(:disabled) {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
    color: #ffffff !important;
}

/* Action Buttons in Grid - Standard Syncfusion styling */
[b-2knaxabr99] .e-btn.e-small.e-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

[b-2knaxabr99] .e-btn.e-small.e-success:hover:not(:disabled) {
    background-color: #157347 !important;
    border-color: #146c43 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

[b-2knaxabr99] .e-btn.e-small.e-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

[b-2knaxabr99] .e-btn.e-small.e-danger:hover:not(:disabled) {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

[b-2knaxabr99] .e-btn.e-small:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Status Indicators */
.processing-indicator[b-2knaxabr99] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f59e0b;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    background: #fffbeb;
    border: 1px solid #fed7aa;
    border-radius: 6px;
}

.processing-indicator[b-2knaxabr99]::before {
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid #fed7aa;
    border-top: 2px solid #f59e0b;
    border-radius: 50%;
    animation: spin-b-2knaxabr99 1s linear infinite;
}

@keyframes spin-b-2knaxabr99 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Status Column Styling */
[b-2knaxabr99] .e-grid .e-rowcell[aria-label*="Status"] {
    font-weight: 600;
}

[b-2knaxabr99] .e-grid .e-rowcell[aria-label*="Status"]:has-text("Generated") {
    color: #059669;
}

[b-2knaxabr99] .e-grid .e-rowcell[aria-label*="Status"]:has-text("Failed") {
    color: #dc2626;
}

[b-2knaxabr99] .e-grid .e-rowcell[aria-label*="Status"]:has-text("Processing") {
    color: #f59e0b;
}

[b-2knaxabr99] .e-grid .e-rowcell[aria-label*="Status"]:has-text("Emailed") {
    color: #3b82f6;
}

/* Enhanced Validation Message */
.validation-message[b-2knaxabr99] {
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
    border: 1px solid #f87171;
    border-left: 4px solid #dc2626;
    color: #dc2626;
    padding: 16px 20px;
    border-radius: 8px;
    font-size: 14px;
    margin-top: 12px;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.15);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.validation-message[b-2knaxabr99]::before {
    content: '⚠️';
    font-size: 16px;
    flex-shrink: 0;
    margin-top: -1px;
}

/* Simple Password Validation Message */
.password-validation-message[b-2knaxabr99] {
    color: #dc2626;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4;
}

/* Loading and Error States */
.loading-container[b-2knaxabr99],
.error-container[b-2knaxabr99] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    text-align: center;
}

.loading-container p[b-2knaxabr99] {
    font-size: 16px;
    color: #6b7280;
}

.alert[b-2knaxabr99] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
}

.alert-danger[b-2knaxabr99] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

/* Enhanced Syncfusion Component Styling */
[b-2knaxabr99] .e-input-group.e-control-wrapper,
[b-2knaxabr99] .e-daterangepicker.e-control-wrapper {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    transition: all 0.2s ease;
}

[b-2knaxabr99] .e-input-group.e-control-wrapper:hover,
[b-2knaxabr99] .e-daterangepicker.e-control-wrapper:hover {
    border-color: #94a3b8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[b-2knaxabr99] .e-input-group.e-control-wrapper.e-input-focus,
[b-2knaxabr99] .e-daterangepicker.e-control-wrapper.e-input-focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

[b-2knaxabr99] .e-input-group .e-input,
[b-2knaxabr99] .e-daterangepicker .e-input {
    padding: 10px 12px;
    font-size: 14px;
    color: #374151;
    background: transparent;
}

/* Dropdown specific styling */
[b-2knaxabr99] .e-dropdownlist.e-control-wrapper {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    transition: all 0.2s ease;
}

[b-2knaxabr99] .e-dropdownlist.e-control-wrapper:hover {
    border-color: #94a3b8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[b-2knaxabr99] .e-dropdownlist.e-control-wrapper.e-input-focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Switch styling improvements */
[b-2knaxabr99] .e-switch-wrapper {
    margin: 4px 0;
}

[b-2knaxabr99] .e-switch-wrapper .e-switch-inner {
    background-color: #cbd5e1;
    border-radius: 12px;
    transition: all 0.3s ease;
}

[b-2knaxabr99] .e-switch-wrapper .e-switch-handle {
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

[b-2knaxabr99] .e-switch-wrapper.e-switch-active .e-switch-inner {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .filter-container[b-2knaxabr99] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 18px;
        padding: 20px;
    }

    .switch-group[b-2knaxabr99] {
        padding: 10px 14px;
    }
}

@media (max-width: 768px) {
    .reports-wrapper[b-2knaxabr99] {
        padding: 16px;
    }

    .tabs[b-2knaxabr99] {
        gap: 6px;
        padding: 8px 12px;
    }

    .tab[b-2knaxabr99] {
        text-align: center;
        padding: 8px 12px;
        font-size: 13px;
    }

    .filter-container[b-2knaxabr99] {
        grid-template-columns: 1fr;
        padding: 18px;
        gap: 16px;
        border-radius: 12px;
    }

    .form-group label[b-2knaxabr99] {
        font-size: 13px;
    }

    .switch-group[b-2knaxabr99] {
        padding: 12px 16px;
    }

    [b-2knaxabr99] .e-btn.e-primary {
        padding: 12px 24px;
        font-size: 14px;
        min-width: 140px;
    }

    /* Grid responsive adjustments */
    [b-2knaxabr99] .e-grid .e-headercell,
    [b-2knaxabr99] .e-grid .e-rowcell {
        padding: 12px 8px;
        font-size: 12px;
    }

    [b-2knaxabr99] .e-grid .e-toolbar {
        padding: 12px 8px;
    }

    [b-2knaxabr99] .e-grid .e-toolbar .e-btn {
        padding: 8px 12px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .reports-wrapper[b-2knaxabr99] {
        padding: 12px;
    }

    .title[b-2knaxabr99] {
        font-size: 22px;
    }

    .lblCurrentTab[b-2knaxabr99] {
        font-size: 16px;
    }

    .lblText[b-2knaxabr99] {
        font-size: 13px;
    }

    .filter-container[b-2knaxabr99] {
        padding: 12px;
    }

    /* Hide less important columns on mobile */
    [b-2knaxabr99] .e-grid .e-headercell:nth-child(n+4),
    [b-2knaxabr99] .e-grid .e-rowcell:nth-child(n+4) {
        display: none;
    }

    [b-2knaxabr99] .e-grid .e-headercell:last-child,
    [b-2knaxabr99] .e-grid .e-rowcell:last-child {
        display: table-cell;
    }
}

/* Email Address Control Styling */
[b-2knaxabr99] .email-address-control {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px;
    background-color: #ffffff;
}

[b-2knaxabr99] .email-address-control:focus-within {
    border-color: #003024;
    box-shadow: 0 0 0 2px rgba(0, 48, 36, 0.1);
}

/* Improve spacing and alignment */
.form-group>*[b-2knaxabr99] {
    width: 100%;
}

.form-group .switch-group>*[b-2knaxabr99] {
    width: auto;
}

/* Custom scrollbar for grid */
[b-2knaxabr99] .e-grid .e-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-2knaxabr99] .e-grid .e-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

[b-2knaxabr99] .e-grid .e-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

[b-2knaxabr99] .e-grid .e-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/Process/SubmissionAudienceUpload.razor.rz.scp.css */
.upload-container[b-f8oyktokdr] {
    max-width: 600px;
    margin: 2rem auto;
    font-family: sans-serif;
    color: #222;
}

.sub-text[b-f8oyktokdr] {
    color: #555;
    margin-bottom: 1rem;
}

.upload-box[b-f8oyktokdr] {
    border: 2px dashed #d1d1d1;
    padding: 2rem;
    text-align: center;
    border-radius: 12px;
    background-color: #fafafa;
    margin-bottom: 2rem;
}

.upload-content img[b-f8oyktokdr] {
    width: 40px;
    height: 40px;
    margin-bottom: 1rem;
}

.progress-buttons[b-f8oyktokdr] {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

    .progress-buttons button[b-f8oyktokdr] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-top: 10px !important;
        margin: auto;
    }

        .progress-buttons button:hover[b-f8oyktokdr] {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

    .progress-buttons .continue-button[b-f8oyktokdr] {
        margin-right: 0;
    }

    .progress-buttons .back-button[b-f8oyktokdr] {
        margin-left: 0;
    }

.uploaded-notice[b-f8oyktokdr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: #f9fafb;
    border: 1px solid #003a3a;
    border-radius: 8px;
    color: #003a3a;
    font-size: 0.9rem;
    text-align: center;
}

    .uploaded-notice i[b-f8oyktokdr] {
        color: #003a3a;
        font-size: 3rem;
        margin-bottom: 4px;
    }
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/Process/SubmissionConfiguration.razor.rz.scp.css */
.section[b-2skas3o43m] {
    margin-bottom: 2rem;
}

h3[b-2skas3o43m] {
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.description[b-2skas3o43m] {
    color: #666;
    margin-bottom: 1rem;
}

.counter-container[b-2skas3o43m] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.counter-button[b-2skas3o43m] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: white;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.counter-value[b-2skas3o43m] {
    min-width: 2rem;
    text-align: center;
    font-weight: bold;
}

.upload-box[b-2skas3o43m] {
    border: 1px solid #ddd;
    border-radius: 1rem;
    background-color: #f9f9f9;
    text-align: center;
    padding: 2rem;
    margin-bottom: 0.5rem;
}

.upload-text[b-2skas3o43m] {
    color: #00a3a3;
    font-weight: 600;
}

.box-title[b-2skas3o43m] {
    font-weight: bold;
}

.box-description[b-2skas3o43m] {
    color: #666;
}

.media-button[b-2skas3o43m] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 600;
}

.checkbox-label[b-2skas3o43m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1.5rem 0;
}

.container[b-2skas3o43m] {
    padding: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

.option-grid[b-2skas3o43m] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.option-card[b-2skas3o43m] {
    border: 1px solid #ccc;
    border-radius: 1rem;
    padding: 1rem;
    flex: 1 1 300px;
    text-align: center;
    cursor: pointer;
    transition: box-shadow 0.2s, border-color 0.2s;
}

    .option-card.selected[b-2skas3o43m] {
        border: 2px solid #00a3a3;
        box-shadow: 0 0 0 2px rgba(0, 163, 163, 0.2);
    }


.option-title[b-2skas3o43m] {
    font-weight: bold;
    margin-top: 1rem;
}

.delivery-options .option-title[b-2skas3o43m] {    
    margin-top: 0;
}

.option-desc[b-2skas3o43m] {
    color: #666;
}

.delivery-options .option-desc[b-2skas3o43m] {
    margin-top: 0.5rem;
}

.progress-buttons[b-2skas3o43m] {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

    .progress-buttons button[b-2skas3o43m] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-top: 10px !important;
        margin: auto;
    }

        .progress-buttons button:hover[b-2skas3o43m] {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

    .progress-buttons .continue-button[b-2skas3o43m] {
        margin-right: 0;
    }

    .progress-buttons .back-button[b-2skas3o43m] {
        margin-left: 0;
    }
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/Process/SubmissionDocumentUpload.razor.rz.scp.css */
.control-section[b-tknvg4xbm1] {
	min-height: 370px;
}

.control-wrapper[b-tknvg4xbm1] {
	max-width: 350px;
	margin: 0 auto;
	padding: 50px 0px 0px;
}

.property-panel-content[b-tknvg4xbm1] {
	padding: 0px 0px 20px 0px;
}

	.property-panel-content:last-child[b-tknvg4xbm1] {
		padding: 0px 0px 40px 0px;
	}

.upload-container[b-tknvg4xbm1] {
	max-width: 600px;
	margin: 2rem auto;
	font-family: sans-serif;
	color: #222;
}

.sub-text[b-tknvg4xbm1] {
	color: #555;
	margin-bottom: 1rem;
}

.upload-box[b-tknvg4xbm1] {
	border: 2px dashed #d1d1d1;
	padding: 2rem;
	text-align: center;
	border-radius: 12px;
	background-color: #fafafa;
	margin-bottom: 2rem;
}

.upload-box-disabled[b-tknvg4xbm1] {
	opacity: 0.6;
}

.upload-content img[b-tknvg4xbm1] {
	width: 40px;
	height: 40px;
	margin-bottom: 1rem;
}

.select-btn[b-tknvg4xbm1] {
	margin-top: 1rem;
	padding: 0.6rem 1.2rem;
	border: 1px solid #000;
	background-color: transparent;
	border-radius: 6px;
	cursor: pointer;
}

.media-library[b-tknvg4xbm1] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}

.media-library-disabled[b-tknvg4xbm1] {
	opacity: 0.6;
}

.media-title[b-tknvg4xbm1] {
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.media-btn[b-tknvg4xbm1] {
	border: 1px solid #000;
	background-color: #fff;
	padding: 0.5rem 1.2rem;
	border-radius: 6px;
	cursor: pointer;
}

.media-library-container[b-tknvg4xbm1] {
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 15px;
}

.toggles[b-tknvg4xbm1] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.toggle-row[b-tknvg4xbm1] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e0e0e0;
	padding-top: 1rem;
}

	.toggle-row label[b-tknvg4xbm1] {
		font-size: 0.95rem;
		display: flex;
		align-items: center;
		gap: 5px;
	}

.tooltip[b-tknvg4xbm1] {
	background-color: #ddd;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}

.progress-buttons[b-tknvg4xbm1] {
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	flex-direction: row;
	margin-top: 10px;
	border-top: 1px solid #eee;
}

	.progress-buttons.dual-buttons[b-tknvg4xbm1] {
		justify-content: space-between;
	}

	.progress-buttons.single-button[b-tknvg4xbm1] {
		justify-content: flex-end;
	}

	.progress-buttons button[b-tknvg4xbm1] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
		margin-top: 10px !important;
		margin: auto;
	}

		.progress-buttons button:hover[b-tknvg4xbm1] {
			box-shadow: 0 4px 12px rgba(0,0,0,0.15);
			transform: translateY(-2px);
		}

		.progress-buttons .continue-button[b-tknvg4xbm1] {
			margin-right: 0;
		}

	.progress-buttons .back-button[b-tknvg4xbm1] {
		margin-left: 0;
	}

.uploaded-notice[b-tknvg4xbm1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1rem;
	padding: 0.75rem;
	background-color: #f9fafb;
	border: 1px solid #003a3a;
	border-radius: 8px;
	color: #003a3a;
	font-size: 0.9rem;
	text-align: center;
}

	.uploaded-notice i[b-tknvg4xbm1] {
		color: #003a3a;
		font-size: 3rem;
		margin-bottom: 4px;
	}
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/Process/SubmissionNavigation.razor.rz.scp.css */
.letter-header[b-tyquqbtplo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.border-line[b-tyquqbtplo] {
    border: 1px solid lightgray;
    margin-bottom: 20px;
}

.stepper-section[b-tyquqbtplo] {
    display: flex;
    gap: 16px;
    margin-bottom: 30px;
}

.main-grid[b-tyquqbtplo] {
    gap: 32px;
    align-items: flex-start;
}

.linear-stepper-control[b-tyquqbtplo] {
    /* margin: 45px 100px; */
    margin-top: 10px;
    width: 100%;
}

/* Hide default Syncfusion icons */
[b-tyquqbtplo] .e-step-icon .e-icons {
    display: none;
}

/* Common circle styling */
[b-tyquqbtplo] .step-icon::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}

/* Step-specific number content */
[b-tyquqbtplo] .step-1::before {
    content: "01";
}

[b-tyquqbtplo] .step-2::before {
    content: "02";
}

[b-tyquqbtplo] .step-3::before {
    content: "03";
}

[b-tyquqbtplo] .step-4::before {
    content: "04";
}

[b-tyquqbtplo] .step-5::before {
    content: "05";
}

[b-tyquqbtplo] .step-6::before {
    content: "06";
}

/* Active step styling - midnight teal background */
[b-tyquqbtplo] .e-stepper .e-step.e-step-active .step-icon::before {
    background-color: #003024 !important;
    color: #ffffff !important;
}

/* Completed step styling */
[b-tyquqbtplo] .e-stepper .e-step.e-step-completed:not(.e-step-error) .step-icon::before {
    background-color: #00A19B !important;
    color: #ffffff !important;
}


/* Completed step (green) */
[b-tyquqbtplo] .e-step-container.e-step-item.e-step-completed .e-step {
    background-color: #00A19B !important;
    border-color: #00A19B !important;
    position: relative;
}

[b-tyquqbtplo] .e-step-container.e-step-item.e-step-completed .e-label {
    color: #00A19B !important;
}

/* Active/current step */
[b-tyquqbtplo] .e-step-container.e-step-item.e-step-selected.e-step-inprogress .e-step {
    box-shadow: 0 0 0 2px #00A19B !important; /* glow/border */
}

[b-tyquqbtplo] .e-step-container.e-step-item.e-step-selected.e-step-inprogress .e-label {
    color: #00A19B !important;
}

[b-tyquqbtplo] .e-stepper-progressbar .e-progressbar-value {
    background-color: #00A19B !important; 
}

[b-tyquqbtplo] .e-step-container.e-step-item.e-step-selected.e-step-inprogress .e-step::before {
    background: white;
}

[b-tyquqbtplo] .e-step-container.e-step-item.e-step-completed .e-step::before {
    border-color: #00A19B !important;
    background-color: #00A19B !important;
    content: "✓" !important; /* white checkmark */
    color: white !important; /* make it visible */
    font-weight: bold;
    font-size: 14px; /* adjust to fit circle */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide the default number inside the step */
[b-tyquqbtplo] .e-step-container.e-step-item.e-step-completed .e-step-label {
    visibility: hidden; /* keeps layout but hides number */
}

[b-tyquqbtplo] .e-step-container.e-step-item.e-step-notstarted .e-step::before {
    background: white;
}
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/Process/SubmissionPreview.razor.rz.scp.css */
html[b-gb427w8pyq], body[b-gb427w8pyq] {
	height: 100%;
	margin: 0;
}

.container[b-gb427w8pyq] {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

.panels[b-gb427w8pyq] {
	display: flex;
	flex: 1;
	overflow: hidden;
	min-height: 0;
}

.left-panel[b-gb427w8pyq], .right-panel[b-gb427w8pyq] {
	min-height: 0; 
	overflow: auto; 
}

.left-panel[b-gb427w8pyq] {
	flex: 1;
	display: flex;
	flex-direction: column;
}

#submission-preview[b-gb427w8pyq] {
	flex: 1 1 auto; /* take all remaining space */
	min-height: 0; /* necessary for flex children to shrink correctly */
	overflow: auto; /* prevent iframe from overflowing */
}

	#submission-preview iframe[b-gb427w8pyq] {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}

.right-panel[b-gb427w8pyq] {
	width: 560px;
	padding: 30px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-left: 1px solid #eee;
	overflow: auto;
}

	.right-panel h2[b-gb427w8pyq] {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 20px;
	}

.field[b-gb427w8pyq] {
	margin-bottom: 24px;
}

	.field label[b-gb427w8pyq] {
		display: block;
		font-size: 12px;
		font-weight: 600;
		color: #111827;
		margin-bottom: 4px;
	}

	.field small[b-gb427w8pyq] {
		font-size: 12px;
		color: #6b7280;
		margin-right: 100px;
	}

.counter[b-gb427w8pyq] {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 15px;
	margin-bottom: -40px;
}

	.counter span[b-gb427w8pyq] {
		margin: 0;
		font-size: 1.5rem;
		font-weight: bold;
		position: relative;
	}

		/* pretend there’s a 40px “–” button to the left and a 40px “+” to the right */
		.counter span.isolate[b-gb427w8pyq]::before,
		.counter span.isolate[b-gb427w8pyq]::after {
			content: "";
			display: inline-block;
			width: 53px;
		}


	.counter button[b-gb427w8pyq] {
		width: 40px;
		height: 40px;
		border: 1px solid #d1d5db;
		color: black;
		background: #F7F7F7;
		border-radius: 30px;
		cursor: pointer;
		font-size: 1rem;
		font-weight: bold;
	}

.control-wrapper[b-gb427w8pyq] {
	max-width: 350px;
	margin: 0 auto;
	padding: 50px 0px 0px;
}

.upload-section[b-gb427w8pyq] {
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
}

.upload-section-disabled[b-gb427w8pyq] {
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}

.upload-box[b-gb427w8pyq] {
	border: 2px dashed #e5e7eb;
	border-radius: 10px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 13px;
	color: #6b7280;
	margin-bottom: 10px;
	cursor: pointer;
}

	.upload-box strong[b-gb427w8pyq] {
		color: #00a5c4;
		font-weight: 600;
	}

.media-library[b-gb427w8pyq] {
	font-size: 13px;
	border: 1px solid #d1d5db;
	padding: 6px 12px;
	border-radius: 6px;
	background-color: #f9fafb;
	cursor: pointer;
}

.footer-buttons[b-gb427w8pyq] {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

	.footer-buttons button[b-gb427w8pyq] {
		padding: 10px 20px;
		border-radius: 6px;
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
	}

.btn-back[b-gb427w8pyq] {
	background-color: #fff;
	color: #111827;
	border: 1px solid #111827;
}

.btn-continue[b-gb427w8pyq] {
	background-color: #00231d;
	color: #fff;
	border: none;
}

.underline[b-gb427w8pyq] {
	padding-top: 1rem;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 1rem;
}

.progress-buttons[b-gb427w8pyq] {
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	flex-direction: row;
	margin-top: 10px;
	border-top: 1px solid #eee;
}

	.progress-buttons button[b-gb427w8pyq] {
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #ccc;
		cursor: pointer;
		margin-top: 10px !important;
		margin: auto;
	}

		.progress-buttons button:hover[b-gb427w8pyq] {
			box-shadow: 0 4px 12px rgba(0,0,0,0.15);
			transform: translateY(-2px);
		}

	.progress-buttons .continue-button[b-gb427w8pyq] {
		margin-right: 0;
	}

	.progress-buttons .back-button[b-gb427w8pyq] {
		margin-left: 0;
	}
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/Process/SubmissionReview.razor.rz.scp.css */
html[b-67k8l2ifg3], body[b-67k8l2ifg3] {
    height: 100%;
    margin: 0;
}

.container[b-67k8l2ifg3] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.panels[b-67k8l2ifg3] {
    display: flex;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.left-panel[b-67k8l2ifg3], .right-panel[b-67k8l2ifg3] {
    min-height: 0;
    overflow: auto;
}

.left-panel[b-67k8l2ifg3] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#submission-preview[b-67k8l2ifg3] {
    flex: 1 1 auto; /* take all remaining space */
    min-height: 0; /* necessary for flex children to shrink correctly */
    overflow: auto; /* prevent iframe from overflowing */
}

    #submission-preview iframe[b-67k8l2ifg3] {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

.right-panel[b-67k8l2ifg3] {
    width: 560px;
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #eee;
    overflow: auto;
}

    .right-panel h2[b-67k8l2ifg3] {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
    }

/* Debug panel styles */
.debug-panel[b-67k8l2ifg3] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #1a1a1a;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    font-family: monospace;
    font-size: 12px;
    max-width: 400px;
    z-index: 10000;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

.debug-item[b-67k8l2ifg3] {
    margin: 5px 0;
    padding: 3px 0;
    border-bottom: 1px solid #333;
}

.debug-success[b-67k8l2ifg3] {
    color: #4CAF50;
}

.debug-error[b-67k8l2ifg3] {
    color: #f44336;
}

.debug-warning[b-67k8l2ifg3] {
    color: #ff9800;
}

.debug-info[b-67k8l2ifg3] {
    color: #2196F3;
}

.summary-title[b-67k8l2ifg3] {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.summary-boxes[b-67k8l2ifg3] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.summary-box[b-67k8l2ifg3] {
    flex: 1;
    padding: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    text-align: center;
    background: #fff;
}

    .summary-box .value[b-67k8l2ifg3] {
        font-size: 2rem;
        font-weight: bold;
    }

    .summary-box .label[b-67k8l2ifg3] {
        color: #666;
    }

.config-grid[b-67k8l2ifg3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.config-card[b-67k8l2ifg3] {
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    background-color: #f9f9f9;
    position: relative;
}

.config-title[b-67k8l2ifg3] {
    font-weight: bold;
}

.config-sub[b-67k8l2ifg3] {
    color: #666;
}

.edit-link[b-67k8l2ifg3] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 0.9rem;
    color: #00a3a3;
    cursor: pointer;
}

.price-summary[b-67k8l2ifg3] {
    margin-top: 2rem;
}

.price-row[b-67k8l2ifg3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.price-total[b-67k8l2ifg3] {
    font-weight: bold;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
    margin-top: 1rem;
}

.note-link[b-67k8l2ifg3] {
    color: #00a3a3;
    font-size: 0.9rem;
    float: right;
    margin-top: 0.5rem;
}

.confirmation[b-67k8l2ifg3] {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.error-message[b-67k8l2ifg3] {
    color: #d32f2f;
    margin-top: 10px;
    font-size: 14px;
}

.progress-buttons[b-67k8l2ifg3] {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

    .progress-buttons button[b-67k8l2ifg3] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-top: 10px !important;
        margin: auto;
    }

        .progress-buttons button:hover[b-67k8l2ifg3] {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

    .progress-buttons .continue-button[b-67k8l2ifg3] {
        margin-right: 0;
    }

    .progress-buttons .back-button[b-67k8l2ifg3] {
        margin-left: 0;
    }
/* _content/Imail.Seractech.Web/Components/Pages/SendMail/SendMail.razor.rz.scp.css */
.send-mail-wrapper[b-5trjxwnc2p] {
    display: flex;
    flex-direction: column;
    height: 95vh;
}

.send-mail-header[b-5trjxwnc2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.send-mail-body[b-5trjxwnc2p] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    flex: 1;
}

.type-select[b-5trjxwnc2p] {
    min-width: 30%;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.type-panel[b-5trjxwnc2p] {
    align-items: flex-start;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid #808080;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 10px 0px;
}

    .type-panel header[b-5trjxwnc2p] {
        font-weight: bold;
    }

.type-panel-selected[b-5trjxwnc2p] {
    background: #012B2A;
    color: white;
}

.type-panel:hover[b-5trjxwnc2p] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}


.letter-configuration[b-5trjxwnc2p] {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    height: 100%;
    width: 100%;
    min-height: 0;
}

.workflow-configuration[b-5trjxwnc2p] {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.scrollable-content[b-5trjxwnc2p] {
    flex: 1;
    overflow-y: auto;
    padding-right: 4px;
}

.border-line[b-5trjxwnc2p] {
    border: 1px solid lightgray;
    margin-bottom: 30px;
}

.send-mail-alert[b-5trjxwnc2p] {
    display: flex;
    flex-direction: row;
    padding: 16px;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    background: #005552;
    color: white;
    font-size: 12px;
    width: 100%; /* Chrome, Safari, Edge */
    margin-bottom: 15px;
}

.send-mail-alert-detail[b-5trjxwnc2p] {
    display: flex;
    flex-direction: column;
}

    .send-mail-alert-detail h3[b-5trjxwnc2p] {
        font-weight: bold;
        font-size: 12px;
    }

.send-mail-alert-button[b-5trjxwnc2p] {
    border-radius: 12px;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 100%;
    padding: 12px;
    margin:auto;
    margin-right:0;
    align-content:center;
}

    .send-mail-alert-button p[b-5trjxwnc2p]{
        margin:auto;
    }

    .send-mail-alert-button:hover[b-5trjxwnc2p] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        transform: translateY(-2px);
    }

.card-grid[b-5trjxwnc2p] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Two equal-width columns */
    gap: 0.75rem;
    width: 100%;
    justify-items: center;
    padding: 1rem 0;
}

[b-5trjxwnc2p] .card-item {
    display: flex;
    width: 100%;
    max-width: 500px;
    /*padding: 1rem; */
    text-align: center;
    align-items: center;
    border-radius: 12px;
    position: relative;
    background-color: #fff;
    padding: 16px;
    margin: 5px;
    border: 1px solid #808080;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 10px 0px;
}

    [b-5trjxwnc2p] .card-item:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        transform: translateY(-2px);
    }

    [b-5trjxwnc2p] .card-item-selected {
        border: 2px solid #003a3a;
    }

    [b-5trjxwnc2p] .card-item-disabled {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.6;
    }

    .card-content[b-5trjxwnc2p] {
        flex-direction: row;
        display: flex;
        margin: auto;
        margin-left: 0;
    }

.card-content img[b-5trjxwnc2p] {
    max-height: 100%;
    margin-bottom: 1rem;
    opacity: 0.6;
    max-width: 20%;
    object-fit: contain;
    border-radius: 8px;
    background: #F7F7F7;
}

.card-content h4[b-5trjxwnc2p] {
    margin: 0;
    font-size: 16px;
    text-align: left;
}

.card-content p[b-5trjxwnc2p] {
    font-size: 14px;
    color: #666;
}

.card-details[b-5trjxwnc2p] {
    flex-direction: column;
    padding-left: 20px;
}

.form-wrapper[b-5trjxwnc2p] {
    flex: 1;
    display: flex; 
    flex-direction: row;
    gap: 10px;
}

.form-group[b-5trjxwnc2p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

label[b-5trjxwnc2p] {
    font-weight: 600;
    margin-bottom: 5px;
}

.form-control[b-5trjxwnc2p] {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.helper-text[b-5trjxwnc2p] {
    font-size: 13px;
    color: #777;
    margin-bottom: 6px;
}

.progress-buttons[b-5trjxwnc2p] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

    .progress-buttons button[b-5trjxwnc2p] {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-top: 10px !important;
        margin: auto;
        margin-right: 0;
    }

        .progress-buttons button:hover[b-5trjxwnc2p] {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateY(-2px);
        }

/* _content/Imail.Seractech.Web/Components/Pages/Support.razor.rz.scp.css */
/* Support Page Styles */
.support-wrapper[b-rv4cktijis] {
    background-color: #fff;
    font-family: 'Funnel Sans', sans-serif;
}

.support-header[b-rv4cktijis] {
    margin-bottom: 15px;
}

.support-title[b-rv4cktijis] {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
}

.subtitle[b-rv4cktijis] {
    color: #666;
    font-size: 14px;
    margin: 0;
}

.border-line[b-rv4cktijis] {
    border: 1px solid lightgray;
    margin-bottom: 20px;
}

/* Section Headers */
.section-header[b-rv4cktijis] {
    margin-bottom: 32px;
}

.section-title[b-rv4cktijis] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-title i[b-rv4cktijis] {
    color: var(--color-primary);
    font-size: 20px;
}

.section-description[b-rv4cktijis] {
    font-size: 14px;
    color: #666;
    margin: 0;
    margin-left: 32px;
}

/* Documentation Section */
.documentation-section[b-rv4cktijis] {
    margin-top: 0px;
    margin-bottom: 30px;
}

.doc-cards-grid[b-rv4cktijis] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
}

[b-rv4cktijis] .doc-card {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    transition: all 0.3s ease;
    background: #fff;
}

[b-rv4cktijis] .doc-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.doc-card-content[b-rv4cktijis] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
}

.doc-icon[b-rv4cktijis] {
    width: 48px;
    height: 48px;
    background: transparent;
    border: 2px solid var(--color-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}


.doc-info[b-rv4cktijis] {
    flex: 1;
}

.doc-info h4[b-rv4cktijis] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.doc-info p[b-rv4cktijis] {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

[b-rv4cktijis] .doc-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-rv4cktijis] .doc-btn i {
    font-size: 14px;
}

/* Postcode Section */
.postcode-section[b-rv4cktijis] {
    margin-bottom: 64px;
}

[b-rv4cktijis] .postcode-card {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
}

.postcode-form[b-rv4cktijis] {
    padding: 24px;
}

.form-row[b-rv4cktijis] {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    margin-bottom: 24px;
}

.input-group[b-rv4cktijis] {
    flex: 1;
}

[b-rv4cktijis] .postcode-input {
    width: 100%;
}

[b-rv4cktijis] .postcode-btn {
    height: 40px;
    padding: 0 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.loading-indicator[b-rv4cktijis] {
    text-align: center;
    margin: 20px 0;
}

[b-rv4cktijis] .postcode-spinner {
    margin: 20px auto;
}

.addresses-result[b-rv4cktijis] {
    margin-top: 24px;
}

.result-title[b-rv4cktijis] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.result-title i[b-rv4cktijis] {
    color: var(--color-primary);
}

[b-rv4cktijis] .address-grid {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.error-message[b-rv4cktijis] {
    margin-top: 16px;
}

/* Contact Section */
.contact-section[b-rv4cktijis] {
    margin-bottom: 32px;
}

.contact-grid[b-rv4cktijis] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 24px;
}

[b-rv4cktijis] .contact-card,
[b-rv4cktijis] .enquiry-card {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    height: fit-content;
}

.contact-content[b-rv4cktijis],
.enquiry-content[b-rv4cktijis] {
    padding: 24px;
}

.card-title[b-rv4cktijis] {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-title i[b-rv4cktijis] {
    font-size: 18px;
}

/* Contact Information */
.contact-description[b-rv4cktijis] {
    margin-bottom: 24px;
    color: #555;
    line-height: 1.6;
}

.contact-details[b-rv4cktijis] {
    margin-bottom: 24px;
}

.contact-item[b-rv4cktijis] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.contact-icon[b-rv4cktijis] {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px solid var(--color-primary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: 16px;
    flex-shrink: 0;
}
/*

.contact-icon:hover {
    background: var(--color-primary);
    color: white;
}
*/
.contact-text strong[b-rv4cktijis] {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.contact-text p[b-rv4cktijis] {
    margin: 0;
    color: #555;
    line-height: 1.5;
}

.disclaimer[b-rv4cktijis] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

.disclaimer i[b-rv4cktijis] {
    color: var(--color-primary);
    margin-top: 2px;
    flex-shrink: 0;
}

/* Enquiry Form */
.enquiry-form[b-rv4cktijis] {
    width: 100%;
}

.form-description[b-rv4cktijis] {
    margin-bottom: 24px;
}

.form-description p[b-rv4cktijis] {
    margin: 0;
    color: #555;
    line-height: 1.6;
}

.form-grid[b-rv4cktijis] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group[b-rv4cktijis] {
    display: flex;
    flex-direction: column;
}

.form-group.full-width[b-rv4cktijis] {
    grid-column: 1 / -1;
}

[b-rv4cktijis] .form-input,
[b-rv4cktijis] .form-textarea {
    width: 100%;
}

[b-rv4cktijis] .form-textarea {
    min-height: 120px;
    resize: vertical;
}

.validation-summary[b-rv4cktijis] {
    margin-bottom: 20px;
}

.form-actions[b-rv4cktijis] {
    display: flex;
    justify-content: flex-end;
}

[b-rv4cktijis] .submit-btn {
    padding: 12px 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dashboard-wrapper[b-rv4cktijis] {
        padding: 24px;
    }

    .contact-grid[b-rv4cktijis] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .doc-cards-grid[b-rv4cktijis] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .dashboard-wrapper[b-rv4cktijis] {
        padding: 16px;
    }

    .dashboard-header-text[b-rv4cktijis] {
        font-size: 22px;
    }

    .section-title[b-rv4cktijis] {
        font-size: 20px;
    }

    .form-row[b-rv4cktijis] {
        flex-direction: column;
        align-items: stretch;
    }

    .form-grid[b-rv4cktijis] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .doc-cards-grid[b-rv4cktijis] {
        grid-template-columns: 1fr;
    }

    .contact-item[b-rv4cktijis] {
        flex-direction: column;
        gap: 12px;
    }

    .contact-icon[b-rv4cktijis] {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .dashboard-wrapper[b-rv4cktijis] {
        padding: 12px;
    }

    .section-header[b-rv4cktijis] {
        margin-bottom: 30px;
    }

    .documentation-section[b-rv4cktijis],
    .postcode-section[b-rv4cktijis],
    .contact-section[b-rv4cktijis] {
        margin-bottom: 40px;
    }

    .doc-card-content[b-rv4cktijis] {
        padding: 16px;
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .contact-content[b-rv4cktijis],
    .enquiry-content[b-rv4cktijis] {
        padding: 20px;
    }
}
/* _content/Imail.Seractech.Web/Components/Pages/Team/CompaniesTab.razor.rz.scp.css */
h2[b-bip20xvk9v] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-bip20xvk9v] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-bip20xvk9v] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-bip20xvk9v] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.companies-tab-container[b-bip20xvk9v]  .action-btn.e-btn:hover,
.companies-tab-container[b-bip20xvk9v]  .action-btn.e-btn:focus {
	background-color: transparent !important;
	box-shadow: none !important;
}

.companies-tab-container[b-bip20xvk9v]  .action-btn.e-btn:disabled,
.companies-tab-container[b-bip20xvk9v]  .action-btn.e-btn[disabled] {
	background-color: transparent !important;
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
	border: none !important;
}

.companies-tab-container[b-bip20xvk9v]  .e-grid td.e-focused,
.companies-tab-container[b-bip20xvk9v]  .e-grid td.e-focused::after {
	border-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

.companies-tab-container[b-bip20xvk9v]  .e-tooltip {
	display: inline-block !important;
	vertical-align: middle;
}

.company-cell-main[b-bip20xvk9v] {
	font-weight: bold;
	display: block;
}

.company-cell-subtext[b-bip20xvk9v] {
	font-size: 12px;
	opacity: 0.8;
}

.billing-cell-main[b-bip20xvk9v] {
	/*font-weight: bold;*/
	display: block;
}

.billing-cell-subtext[b-bip20xvk9v] {
	font-size: 12px;
	opacity: 0.8;
}
/* _content/Imail.Seractech.Web/Components/Pages/Team/Team.razor.rz.scp.css */
.team-container[b-hw1zb9iw1l] {
    font-family: 'Funnel Sans', sans-serif;
}

.title[b-hw1zb9iw1l] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.access-denied-container[b-hw1zb9iw1l] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
}

.access-denied-box[b-hw1zb9iw1l] {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    padding: 20px 28px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    max-width: 520px;
}

    .access-denied-box i[b-hw1zb9iw1l] {
        font-size: 28px;
        color: #dc2626;
    }

    .access-denied-box h3[b-hw1zb9iw1l] {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 4px 0;
        color: #7f1d1d;
    }

    .access-denied-box p[b-hw1zb9iw1l] {
        margin: 0;
        font-size: 14px;
        color: #991b1b;
    }

.lblDescription[b-hw1zb9iw1l] {
    margin-top: 15px;
}

.lblCurrentTab[b-hw1zb9iw1l] {
    font-size: 18px;
    font-weight: 500;
}

.lblText[b-hw1zb9iw1l] {
    font-size: 14px;
    font-weight: 400;
    color: #6b7280;
}

.tabs[b-hw1zb9iw1l] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-hw1zb9iw1l] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-hw1zb9iw1l] {
        background-color: #efefef;
    }

    .tab.active[b-hw1zb9iw1l] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

    .tab.tab-error[b-hw1zb9iw1l] {
        border-bottom: 2px solid red;
        color: red;
    }


.tab-content[b-hw1zb9iw1l] {
    display: none;
}

    .tab-content.active-content[b-hw1zb9iw1l] {
        display: block;
    }

.subTitle[b-hw1zb9iw1l] {
    font-size: 14px;
    font-weight: 400;
    color: #525862;
    margin-bottom: 25px;
}
/* _content/Imail.Seractech.Web/Components/Pages/Team/UsersTab.razor.rz.scp.css */
h2[b-beerogfimr] {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}

p.subtext[b-beerogfimr] {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 400;
}

.subtextsmall[b-beerogfimr] {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #525862;
	margin-top: 6px;
}

.line-gray[b-beerogfimr] {
	border: 1px solid #d1d5db;
	margin: -5px !important;
}

.users-tab-container[b-beerogfimr]  .action-btn.e-btn:hover,
.users-tab-container[b-beerogfimr]  .action-btn.e-btn:focus {
	background-color: transparent !important;
	box-shadow: none !important;
}

.users-tab-container[b-beerogfimr]  .action-btn.e-btn:disabled,
.users-tab-container[b-beerogfimr]  .action-btn.e-btn[disabled] {
	background-color: transparent !important;
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
	border: none !important;
}

.users-tab-container[b-beerogfimr]  .e-grid td.e-focused,
.users-tab-container[b-beerogfimr]  .e-grid td.e-focused::after {
	border-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

.users-tab-container[b-beerogfimr]  .e-tooltip {
	display: inline-block !important;
	vertical-align: middle;
}

.user-cell-main[b-beerogfimr] {
	font-weight: bold;
	display: block;
}

.user-cell-subtext[b-beerogfimr] {
	font-size: 12px;
	opacity: 0.8;
}

.company-cell-main[b-beerogfimr] {
	/*font-weight: bold;*/
	display: block;
}

.company-cell-subtext[b-beerogfimr] {
	font-size: 12px;
	opacity: 0.8;
}

/* _content/Imail.Seractech.Web/Components/Pages/Wallet/SpendHistoryTab.razor.rz.scp.css */
.spend-history-loading-overlay-container[b-n6dtmnymsi] {
    margin-top: 200px !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/Wallet/TopupHistoryTab.razor.rz.scp.css */
.topup-history-loading-overlay-container[b-q5yiy9u50h] {
    margin-top: 200px !important;
}
/* _content/Imail.Seractech.Web/Components/Pages/Wallet/Wallet.razor.rz.scp.css */
.wallet-container[b-ibrqd16ysa] {

}

.title[b-ibrqd16ysa] {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.line-break[b-ibrqd16ysa] {
    border: 1px solid #DFE3E7;
    margin-top: 32px;
    margin-bottom: 32px;
}

.tabs[b-ibrqd16ysa] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    background-color: #f9f9f9;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.tab[b-ibrqd16ysa] {
    padding: 6px 14px;
    background: none;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

    .tab:hover[b-ibrqd16ysa] {
        background-color: #efefef;
    }

    .tab.active[b-ibrqd16ysa] {
        border: 1px solid #d1d5db;
        color: #111827;
        background-color: white;
        font-weight: 500;
    }

.tab-content[b-ibrqd16ysa] {
    display: block;
    background: #ffffff;
    padding-top: 32px;
}

.hidden-content[b-ibrqd16ysa] {
    display: none !important;
}

.details-content[b-ibrqd16ysa] {  
}

    .details-content .details-loading-overlay-container[b-ibrqd16ysa] {
        margin-top: 200px !important;
    }

    .topuphistory-content[b-ibrqd16ysa] {
    }

.spendhistory-content[b-ibrqd16ysa] {
}

.lblDescription[b-ibrqd16ysa] {
    margin-top: 15px;
}

.lblCurrentTab[b-ibrqd16ysa] {
    font-size: 18px;
    font-weight: 500;
}

.lblText[b-ibrqd16ysa] {
    font-size: 14px;
    font-weight: 400;
}


.details-content[b-ibrqd16ysa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

/* Details - Left container */
.topup-left-container[b-ibrqd16ysa] {
}

    .topup-left-container .select-company[b-ibrqd16ysa] {
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 600;
        color: #535862;
        margin-bottom: 32px;
    }

    .topup-left-container .line-break[b-ibrqd16ysa] {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .topup-left-container .remaining-balance-info label:nth-child(1)[b-ibrqd16ysa] {
        font-size: 26px;
        font-weight: 600;
    }

    .topup-left-container .remaining-balance-info label:nth-child(2)[b-ibrqd16ysa] {
        margin-left: 10px;
        font-size: 10px;
        font-weight: 400;
        color: #535862;
    }

    .topup-left-container .topup-info h3[b-ibrqd16ysa] {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .topup-left-container .topup-info p[b-ibrqd16ysa] {
        font-size: 14px;
        font-weight: 400;
        color: #686F77;
    }

    .topup-left-container .topup-buttons[b-ibrqd16ysa] {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 20px;
        margin-top: 32px;
        margin-bottom: 32px;
    }

        [b-ibrqd16ysa] .topup-left-container .topup-buttons button.e-control.e-btn.e-lib.dm-secondary {
            margin-top: 16px;
            width: 100%;
            height: 39px;
        }

            [b-ibrqd16ysa] .topup-left-container .topup-buttons button.e-control.e-btn.e-lib.dm-secondary:focus {
                background-color: #000000 !important;
                border-color: #000000 !important;
                color: #ffffff !important;
            }

            [b-ibrqd16ysa] .topup-left-container .topup-buttons button.e-control.e-btn.e-lib.dm-secondary.active {
                background-color: #000000 !important;
                border-color: #000000 !important;
                color: #ffffff !important;
            }


    .topup-left-container .topup-custom-amount[b-ibrqd16ysa] {
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 600;
        color: #535862;
    }

/* Details - Right container */
.topup-right-container[b-ibrqd16ysa] {
}

.topup-payment-container[b-ibrqd16ysa] {
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    padding: 32px;
    max-width: 500px;
}

    .topup-payment-container .card-payment-section .payment-header[b-ibrqd16ysa] {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "header fill img";
        justify-content: left;
        margin-bottom: 32px;
    }

        .topup-payment-container .card-payment-section .payment-header h4[b-ibrqd16ysa] {
            font-size: 18px;
        }

        .topup-payment-container .card-payment-section .payment-header img[b-ibrqd16ysa] {
            max-width: 200px;
            grid-area: img;
        }

    .topup-payment-container .card-payment-section .card-element-style[b-ibrqd16ysa] {
        border: 1px solid #DEDEDE;
        padding: 10px 10px;
        border-radius: 10px;
    }

    .topup-payment-container .card-payment-section .payment-button-section[b-ibrqd16ysa] {
        margin-top: 32px;
    }

        .topup-payment-container .card-payment-section .payment-button-section .payment-button-saveswitch[b-ibrqd16ysa] {
            display: grid;
            grid-template-rows: 1fr;
            grid-template-columns: auto auto;
            justify-content: left;
        }

            .topup-payment-container .card-payment-section .payment-button-section .payment-button-saveswitch label[b-ibrqd16ysa] {
                font-size: 13px;
                margin-left: 10px;
            }

        .topup-payment-container .card-payment-section .payment-button-section .payment-button-amount[b-ibrqd16ysa] {
            margin-top: 32px;
        }

        .topup-payment-container .card-payment-section .payment-button-section .payment-button-amount label[b-ibrqd16ysa] {
            font-size: 18px;
            font-weight: 600;
        }

        .topup-payment-container .card-payment-section .payment-button-section .payment-button-button[b-ibrqd16ysa] {
            margin-top:16px;
        }

        [b-ibrqd16ysa] .topup-payment-container .card-payment-section .payment-button-section .payment-button-button button.e-control.e-btn.e-lib.dm-primary {
            width: 100%;
            height: 50px;
        }

        [b-ibrqd16ysa] .topup-payment-container .card-payment-section .payment-button-section .payment-button-button button.e-control.e-btn.e-lib.dm-secondary {
            margin-top: 16px;
            width: 100%;
            height: 50px;
        }