/* /Components/Common/BusyOverlay.razor.rz.scp.css */
.busy-backdrop[b-bn3ysdjnxt]{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.35);
  display: grid; place-items: center;
  z-index: 2000;
}
.busy-box[b-bn3ysdjnxt] {
	min-width: 220px;
	background: #fff;
	border-radius: 12px;
	padding: 18px 22px;
	text-align: center;
/*	box-shadow: 0 10px 30px var(--ek-red-ghost);*/
}
.spinner[b-bn3ysdjnxt] {
	width: 36px;
	height: 36px;
	border: 4px solid #eee;
	border-top-color: var(--ek-red);
	border-radius: 50%;
	margin: 0 auto 10px auto;
	animation: spin-b-bn3ysdjnxt .9s linear infinite;
}
.msg[b-bn3ysdjnxt]{ font-weight: 600; }
@keyframes spin-b-bn3ysdjnxt{ to { transform: rotate(360deg); } }
/* /Components/Common/CenteredPopup.razor.rz.scp.css */
.ek-center-overlay[b-iq4zubemlm] {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1500;
	animation: fadeIn-b-iq4zubemlm .3s ease;
}

.ek-center-popup[b-iq4zubemlm] {
	background: #fff;
	border-radius: 14px;
	padding: 28px 36px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	animation: popupScale-b-iq4zubemlm .25s ease;
}

.popup-icon[b-iq4zubemlm] {
	font-size: 2.4rem;
	margin-bottom: 10px;
}

.popup-message[b-iq4zubemlm] {
	font-size: 1.1rem;
	color: #222;
}
.ek-center-overlay[b-iq4zubemlm] {
	z-index: 9999 !important;
}

/* Variants */
.ek-popup-success .popup-icon[b-iq4zubemlm] {
	color: var(--ek-red);
}

.ek-popup-error .popup-icon[b-iq4zubemlm] {
	color: #c62828;
}

.ek-popup-info .popup-icon[b-iq4zubemlm] {
	color: #1565c0;
}

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

	to {
		opacity: 1;
	}
}

@keyframes popupScale-b-iq4zubemlm {
	from {
		transform: scale(0.9);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}
/* /Components/Common/DatePicker.razor.rz.scp.css */
/*.modern-date {
	border: 1.5px solid #ccc;
	border-radius: 8px;
	padding: 0.6rem 0.8rem;
	font-size: 0.7rem;
	color: #222;
	transition: all 0.25s ease;
	width: 100%;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.modern-date:focus {
	outline: none;
	border-color: #c62828;
	box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.2);
}*/
/* /Components/Common/DateTimePicker.razor.rz.scp.css */
/* === Eckoo Red Themed DateTime Picker === */

.datetime-picker[b-uihp9k1yah] {
	border: 1.5px solid #ccc;
	border-radius: 8px;
	padding: 0.6rem 0.8rem;
	font-size: 0.9rem;
	color: #222;
	transition: all 0.25s ease;
	width: 100%;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.datetime-picker:focus[b-uihp9k1yah] {
	outline: none;
	border-color: #c62828;
	box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.2);
}

/* === Flatpickr popup overrides === */
/* === Eckoo Flatpickr UX 개선 === */

.flatpickr-calendar.fp-wide[b-uihp9k1yah] {
	width: 520px !important;
	display: grid !important;
	grid-template-columns: 1fr 160px; 
	grid-template-areas: "calendar time";
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}


.flatpickr-innerContainer[b-uihp9k1yah] {
	grid-area: calendar;
}

.flatpickr-time[b-uihp9k1yah] {
	grid-area: time;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #eee;
	padding: 1rem 0.5rem;
	background-color: #fafafa;
}

	.flatpickr-time input[b-uihp9k1yah] {
		font-size: 0.95rem;
		font-weight: 600;
		text-align: center;
		color: #222;
		width: 80%;
	}

.flatpickr-am-pm[b-uihp9k1yah] {
	margin-top: 0.5rem;
	font-size: 0.85rem;
}

.flatpickr-months[b-uihp9k1yah] {
	background-color: #c62828 !important;
	color: white !important;
}

.flatpickr-prev-month[b-uihp9k1yah],
.flatpickr-next-month[b-uihp9k1yah] {
	color: white !important;
}

.flatpickr-current-month[b-uihp9k1yah] {
	font-weight: 600 !important;
	font-size: 1rem !important;
}

.flatpickr-day.today[b-uihp9k1yah] {
	border-color: #c62828 !important;
	color: #c62828 !important;
}

.flatpickr-day.selected[b-uihp9k1yah] {
	background-color: #c62828 !important;
	border-color: #c62828 !important;
	color: white !important;
}

@media (max-width: 600px) {
	.flatpickr-calendar.fp-wide[b-uihp9k1yah] {
		grid-template-columns: 1fr;
		width: 100% !important;
	}

	.flatpickr-time[b-uihp9k1yah] {
		border-left: none;
		border-top: 1px solid #eee;
		flex-direction: row;
		justify-content: center;
	}
}
/* /Components/Common/PaginationToolbar.razor.rz.scp.css */
.pagination[b-iicss276mt] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	margin-top: 1rem;
	font-size: 0.85rem; 
	color: #333;
}

	.pagination button[b-iicss276mt] {
		background: #fff;
		color: #333;
		border: 1px solid #ccc;
		border-radius: 6px;
		padding: 0.25rem 0.6rem; 
		font-size: 0.8rem; 
		cursor: pointer;
		transition: all 0.2s ease;
	}

		.pagination button:hover:not(:disabled)[b-iicss276mt] {
			background: #f7f7f7;
			border-color: #bbb;
		}

		.pagination button:disabled[b-iicss276mt] {
			color: #aaa;
			border-color: #ddd;
			cursor: not-allowed;
			background: #fafafa;
		}

	.pagination span[b-iicss276mt] {
		font-size: 0.8rem;
		color: #555;
	}
/* /Components/Common/PrivacyPolicyPopup.razor.rz.scp.css */
.pp-backdrop[b-zmlp1i2vaj] {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.35);
	display: grid;
	place-items: center;
	z-index: 2300;
}

.pp-card[b-zmlp1i2vaj] {
	width: min(640px,95vw);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
	overflow: hidden;
}

.pp-header[b-zmlp1i2vaj], .pp-footer[b-zmlp1i2vaj] {
	padding: 14px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pp-title[b-zmlp1i2vaj] {
	margin: 0;
}

.pp-body[b-zmlp1i2vaj] {
	padding: 2px 18px 16px 18px;
}
.pp-footer .btn-primary[b-zmlp1i2vaj] {
	background: var(--ek-red) !important;
	border-color: var(--ek-red) !important;
}

	.pp-footer .btn-primary:hover[b-zmlp1i2vaj] {
		background: var(--ek-red-dark) !important;
		border-color: var(--ek-red-dark) !important;
	}

.pp-footer .btn-outline-secondary[b-zmlp1i2vaj] {
	color: var(--ek-red) !important;
	border-color: var(--ek-red) !important;
}

	.pp-footer .btn-outline-secondary:hover[b-zmlp1i2vaj] {
		color: #fff !important;
		background: var(--ek-red) !important;
		border-color: var(--ek-red) !important;
	}

.privacy-content[b-zmlp1i2vaj] {
	white-space: pre-line; /*enter*/
	font-size: 16px;
	line-height: 1.6;
}

	.privacy-content h1[b-zmlp1i2vaj] {
		font-size: 22px;
		font-weight: bold;
	}

	.privacy-content strong[b-zmlp1i2vaj] {
		font-weight: 700;
	}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-erygxj62dj] {
    --sidebar-bg: var(--ek-red);
}

/* Layout */
.layout[b-erygxj62dj] {
    position: relative;
    min-height: 100vh;
    overflow: visible;
}

/* Sidebar */
.sidebar[b-erygxj62dj] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80px;
    background: var(--sidebar-bg);
    z-index: 30;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: width 0.25s ease;
}

.sidebar:hover[b-erygxj62dj] {
    width: 220px;
}

/* Sidebar Top */
.sidebar-top[b-erygxj62dj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1rem;
}

.sidebar-logo[b-erygxj62dj] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;             
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;              
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.sidebar-logo img[b-erygxj62dj] {
    width: 100%;
    height: 100%;
    object-fit: contain;           /* keep entire logo visible */
    /* For full-bleed (crop), use: object-fit: cover; */
}

/* Optional: adjust size on narrow screens */
@media (max-width: 700px) {
    .sidebar-logo[b-erygxj62dj] {
        width: 40px;
        height: 40px;
    }
}

/* Sidebar Middle */
.sidebar-middle[b-erygxj62dj] {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: .5rem 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sidebar[b-erygxj62dj]::-webkit-scrollbar,
.sidebar-middle[b-erygxj62dj]::-webkit-scrollbar {
    display: none;
}

/* Sidebar Section Titles */
.sidebar-section[b-erygxj62dj] {
    width: 100%;
    margin-top: 1rem;
    padding: 0 0.6rem;
}

.sidebar-title[b-erygxj62dj] {
    color: #fff;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0.85;
    margin-bottom: 0.4rem;
    letter-spacing: 0.5px;
}

/* Menu Links */
.button-reset[b-erygxj62dj] {
    all: unset;
    display: flex;
    width: 100%;
    cursor: pointer;
}

.menu-link[b-erygxj62dj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    padding: .6rem 1rem;
    border-radius: 8px;
    background: none;
    white-space: nowrap;
    overflow: hidden;
    transition: background .2s ease, transform .2s ease;
}

.menu-link:hover[b-erygxj62dj] {
    background: rgba(255,255,255,0.12);
    transform: scale(1.03);
}

.sidebar:not(:hover) .menu-link[b-erygxj62dj] {
    justify-content: center;
    gap: 0;
    padding: .6rem 0;
}

.sidebar:hover .menu-link[b-erygxj62dj] {
    justify-content: flex-start;
    gap: 0.9rem;
    padding: .6rem 1rem;
}

.menu-link i[b-erygxj62dj] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    width: 32px;
    height: 32px;
    color: #fff;
}

.menu-link span[b-erygxj62dj] {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity .25s ease, width .25s ease;
}

.sidebar:hover .menu-link span[b-erygxj62dj] {
    opacity: 1;
    width: auto;
}

/* Sidebar Bottom */
.sidebar-bottom[b-erygxj62dj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 0 .6rem;
}

/* Main Content */
.main[b-erygxj62dj] {
    margin-left: 80px;
    transition: margin-left .25s ease;
    padding: 2rem 1rem;
    overflow-y: visible;
    min-height:100vh;
}

.sidebar:hover ~ .main[b-erygxj62dj] {
    margin-left: 220px;
}
/* /Components/Pages/Account/Account.razor.rz.scp.css */

.btn-primary[b-vd5utjfm8o],
.button-primary[b-vd5utjfm8o],
.btn-primary:visited[b-vd5utjfm8o] {
	background-color: var(--ek-red);
	color: white;
	border: none;
	border-radius: 6.4px;
	padding: 0.36rem 0.8rem;
	cursor: pointer;
	font-size: 0.76rem;
	font-weight: 600;
	transition: 0.15s ease-in-out;
}

	.btn-primary:hover[b-vd5utjfm8o],
	.button-primary:hover[b-vd5utjfm8o] {
		background-color: var(--ek-red-dark);
	}

.btn-outline-red[b-vd5utjfm8o] {
	background: white;
	color: var(--ek-red);
	border: 1.8px solid var(--ek-red);
	border-radius: 6.4px;
	padding: 0.36rem 0.8rem;
	cursor: pointer;
	font-size: 0.76rem;
	font-weight: 600;
	transition: 0.15s ease-in-out;
}

	.btn-outline-red:hover[b-vd5utjfm8o] {
		background: var(--ek-red);
		color: white;
	}

/* ===== Base Layout ===== */
.account-wrapper[b-vd5utjfm8o] {
	display: grid;
	grid-template-areas: "left right";
	grid-template-columns: 2fr 0.9fr;
	gap: 1rem;
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	padding: clamp(1.8rem, 3.5vh, 2.4rem) clamp(1.2rem, 3vw, 1.8rem) 3.2rem;
	box-sizing: border-box;
	align-items: flex-start;
}

/* Columns */
.left-column[b-vd5utjfm8o] {
	grid-area: left;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.right-column[b-vd5utjfm8o] {
	grid-area: right;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

/* ===== Section Cards ===== */
.account-section[b-vd5utjfm8o] {
	background: #fff;
	padding: clamp(1.3rem, 2.5vw, 1.8rem);
	border-radius: 10px;
	box-shadow: 0 2.5px 7px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	transition: all 0.2s ease;
}

	.account-section:hover[b-vd5utjfm8o] {
		transform: translateY(-2px);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.09);
	}

	.account-section h4[b-vd5utjfm8o] {
		margin: 0;
		color: var(--ek-red);
		font-weight: 700;
		font-size: 0.95rem;
	}

/* ===== Details Section ===== */
.details-section[b-vd5utjfm8o] {
	background: #fff;
	border-radius: 10px;
	padding: 1.8rem 1.6rem;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.details-header[b-vd5utjfm8o] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.3rem;
}

	.details-header h4[b-vd5utjfm8o] {
		margin: 0;
		color: var(--ek-red);
		font-weight: 700;
		font-size: 0.95rem;
	}

/* ===== Info Grid ===== */
.form-grid[b-vd5utjfm8o] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1rem 1.2rem;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}

	.form-grid label[b-vd5utjfm8o] {
		font-size: 0.8rem;
		font-weight: 600;
		color: #444;
		margin-bottom: 5px;
		display: block;
	}

/* ===== Readonly Fields ===== */
.readonly-field[b-vd5utjfm8o] {
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fafafa;
	color: #333;
	font-size: 0.8rem;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: all 0.2s ease-in-out;
}



/* ===== Security Buttons ===== */
.btn-bar[b-vd5utjfm8o] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.7rem;
	width: 100%;
	margin-top: 0.3rem;
}

	.btn-bar .btn[b-vd5utjfm8o] {
		width: 100%;
		max-width: 260px;
		text-align: center;
		border-radius: 8px;
		background-color: var(--ek-red);
		color: white;
		border: 2px solid var(--ek-red);
		font-weight: 600;
		padding: 0.6rem 0;
		cursor: pointer;
		transition: 0.2s ease;
		font-size: 0.85rem;
	}

		.btn-bar .btn:hover[b-vd5utjfm8o] {
			background-color: var(--ek-red-dark);
			border-color: var(--ek-red-dark);
		}

/* ===== Permissions / Licences ===== */
.permission-section[b-vd5utjfm8o] {
	text-align: left;
}

.licence-section[b-vd5utjfm8o] {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-top: 0.4rem;
}

.license-header[b-vd5utjfm8o],
.licence-header[b-vd5utjfm8o] {
	display: flex;
	justify-content: space-between; 
	align-items: center;
	width: 100%;
}

	.license-header .btn-primary[b-vd5utjfm8o],
	.licence-header .btn-primary[b-vd5utjfm8o] {
		margin-left: auto; 
	}
.licence-list[b-vd5utjfm8o] {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	margin-top: 0.4rem;
}

/* ===== Licence Cards ===== */
.licence-card[b-vd5utjfm8o] {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff7f7;
	border-left: 4px solid var(--ek-red);
	padding: 10px 14px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

	.licence-card:hover[b-vd5utjfm8o] {
		background-color: #ffeaea;
		transform: translateX(1.5px);
	}

.licence-status[b-vd5utjfm8o] {
	padding: 0.25rem 0.55rem;
	border-radius: 20px;
	font-size: 0.7rem;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

	.licence-status.valid[b-vd5utjfm8o] {
		background-color: #2e7d32;
	}

	.licence-status.expired[b-vd5utjfm8o] {
		background-color: #c62828;
	}

.licence-status.pending[b-vd5utjfm8o] {
	background-color: #f57c00;
}

.forms-section .licence-card[b-vd5utjfm8o] {
	cursor: default;
}

.forms-section .licence-card:hover[b-vd5utjfm8o] {
	transform: none;
}
.updated-date[b-vd5utjfm8o] {
	color:grey;
	font-size:0.8rem;
}
/* ===== Responsive ===== */
@media (max-width: 1200px) {
	.account-wrapper[b-vd5utjfm8o] {
		grid-template-columns: 1fr;
		grid-template-areas: "left" "right";
		max-width: 100%;
		gap: 1rem;
		padding: 1.8rem 1.2rem 2.4rem;
	}

	.left-column[b-vd5utjfm8o],
	.right-column[b-vd5utjfm8o] {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.details-section[b-vd5utjfm8o] {
		padding: 1.3rem 1rem;
	}

	.details-header h4[b-vd5utjfm8o] {
		font-size: 0.9rem;
	}

	.form-grid[b-vd5utjfm8o] {
		grid-template-columns: 1fr;
		gap: 0.9rem;
	}

	.account-section[b-vd5utjfm8o] {
		padding: 1.3rem 1rem;
	}

	.btn-bar .btn[b-vd5utjfm8o] {
		max-width: 100%;
		font-size: 0.8rem;
	}
}

@media (max-width: 480px) {
	.account-wrapper[b-vd5utjfm8o] {
		padding: 1.3rem 1rem 2.4rem;
	}

	.account-section h4[b-vd5utjfm8o] {
		font-size: 0.85rem;
	}

	.readonly-field[b-vd5utjfm8o] {
		font-size: 0.75rem;
		padding: 9px 10px;
	}

	.btn-bar[b-vd5utjfm8o] {
		gap: 0.5rem;
	}
}


/* /Components/Pages/Account/AccountDocumentDetailPopup.razor.rz.scp.css */
/*According to the image size*/

.detail-popup[b-686wc35vr1] {
	width: auto !important;
	max-width: 95vw !important;
	max-height: 90vh !important;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}

	.detail-popup .preview-image[b-686wc35vr1] {
		max-width: 100%;
		max-height: 75vh;
		width: auto;
		height: auto;
		object-fit: contain;
		border-radius: 10px;
	}

	.detail-popup .preview-iframe[b-686wc35vr1] {
		width: 100%;
		height: 75vh;
		border: none;
		border-radius: 10px;
	}

	.detail-popup .preview-pre[b-686wc35vr1] {
		max-height: 60vh;
		overflow-y: auto;
		white-space: pre-wrap;
		background: #f9f9f9;
		padding: 1rem;
		border-radius: 8px;
	}

/*Detail popup on the right side of Popup screen*/

.detail-header .detail-meta[b-686wc35vr1] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.6rem 1.2rem;
	margin-top: 0.5rem;
}

.detail-header .licence-status-wrapper[b-686wc35vr1] {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
/* /Components/Pages/Account/MfaSetup.razor.rz.scp.css */

.mfa-page[b-hfon0oc1ps] {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.mfa-card[b-hfon0oc1ps] {
	width: 100%;
	max-width: 500px;
	background: #ffffff;
	border-radius: 12px;
	padding: 1.75rem 1.75rem 2rem;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.04);
}

.mfa-title[b-hfon0oc1ps] {
	text-align: center;
	font-weight: 600;
	margin-bottom: 1.25rem;
	color: #1f2937; 
}

.mfa-card img[b-hfon0oc1ps] {
	display: block;
	margin: 1rem auto;
	width: 180px;
	height: 180px;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
}

.mfa-card input.form-control[b-hfon0oc1ps] {
	text-align: center;
	font-size: 1.1rem;
	letter-spacing: 0.15em;
}

.mfa-card p.text-muted[b-hfon0oc1ps] {
	font-size: 0.9rem;
	text-align: center;
}

.mfa-card .btn[b-hfon0oc1ps] {
	width: 100%;
}

	.mfa-card .btn + .btn[b-hfon0oc1ps] {
		margin-top: 0.5rem;
	}


.mfa-card .form-check[b-hfon0oc1ps] {
	display: flex;
	align-items: center;
	gap: 1rem;
}


.mfa-card .text-danger[b-hfon0oc1ps] {
	margin-top: 0.75rem;
	text-align: center;
	font-size: 0.9rem;
}

.mfa-card .btn-outline-danger[b-hfon0oc1ps] {
	width: auto;
}

.mfa-card .btn-link[b-hfon0oc1ps] {
	padding: 0;
	font-size: 0.9rem;
}

@media (max-width: 480px) {
	.mfa-card[b-hfon0oc1ps] {
		padding: 1.25rem;
	}

	.mfa-title[b-hfon0oc1ps] {
		font-size: 1.25rem;
	}
}
/* /Components/Pages/Account/MfaVerify.razor.rz.scp.css */
/* ===== MFA Common Layout ===== */

.mfa-page[b-yya8jscyvn] {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.mfa-card[b-yya8jscyvn] {
	width: 100%;
	max-width: 420px;
	background: #ffffff;
	border-radius: 12px;
	padding: 28px 26px 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.mfa-title[b-yya8jscyvn] {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 6px;
	text-align: center;
}

.mfa-subtitle[b-yya8jscyvn] {
	font-size: 0.95rem;
	color: #6c757d;
	text-align: center;
	margin-bottom: 20px;
}

.mfa-section[b-yya8jscyvn] {
	margin-top: 18px;
}

	.mfa-section img[b-yya8jscyvn] {
		display: block;
		margin: 16px auto;
	}

.mfa-actions[b-yya8jscyvn] {
	margin-top: 20px;
	display: flex;
	gap: 10px;
	justify-content: center;
}

	.mfa-actions button[b-yya8jscyvn] {
		min-width: 120px;
	}

.mfa-error[b-yya8jscyvn] {
	margin-top: 12px;
	color: #dc3545;
	font-size: 0.9rem;
	text-align: center;
}

.mfa-muted[b-yya8jscyvn] {
	font-size: 0.85rem;
	color: #6c757d;
	margin-top: 10px;
	text-align: center;
}

/* Checkbox spacing */
.mfa-checkbox[b-yya8jscyvn] {
	margin-bottom: 16px;
}
/* /Components/Pages/Admin/Admin.razor.rz.scp.css */

.admin-page[b-5hji3iam3v] {
	display: flex;
	gap: 1.2rem;
	padding: 2rem 1.6rem 4rem;
	min-height: 100vh;
	width: 100%;
	margin: 0 auto;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

.admin-main[b-5hji3iam3v] {
	flex: 3;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.admin-sidebar[b-5hji3iam3v] {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	height: 45vh;
}

.admin-card[b-5hji3iam3v] {
	background: #fff;
	border-radius: 10px;
	padding: 0.8rem 1.2rem;
	box-shadow: 0 1.5px 5px rgba(0, 0, 0, 0.08);
}

.admin-card-header[b-5hji3iam3v] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.6rem;
}

	.admin-card-header h3[b-5hji3iam3v] {
		margin: 0;
		font-size: 1rem;
		font-weight: 600;
	}

.admin-table[b-5hji3iam3v] {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.85rem;
	transition: background-color 0.2s ease, transform 0.1s ease;
	cursor: pointer;
}

	.admin-table th[b-5hji3iam3v],
	.admin-table td[b-5hji3iam3v] {
		border: 1px solid #ddd;
		padding: 0.4rem 0.6rem;
		text-align: left;
	}

	.admin-table tbody tr[b-5hji3iam3v] {
		transition: background-color 0.2s ease, transform 0.1s ease;
		cursor: pointer;
	}

		.admin-table tbody tr:hover[b-5hji3iam3v] {
			background-color: #fff5f5;
		}

		.admin-table tbody tr:active[b-5hji3iam3v] {
			transform: scale(0.99);
			background-color: #ffeaea;
		}

.pagination[b-5hji3iam3v] {
	margin-top: 0.4rem;
	text-align: center;
	color: #333;
	font-size: 0.85rem;
}

.management-card[b-5hji3iam3v] {
	background: #fff;
	border-radius: 10px;
	padding: 0.8rem 1.2rem;
	text-align: center;
	width: 100%;
	height: 80vh;
}
.status-pill.submitted[b-5hji3iam3v] {
	background: #ffb74d;
	color: #fff;
	padding: 0.2rem 0.6rem;
	border-radius: 12px;
	font-size: 0.8rem;
	text-transform: uppercase;
}

@media (max-width: 900px) {
	.admin-page[b-5hji3iam3v] {
		flex-direction: column;
		gap: 0.8rem;
		padding: 1rem;
		width: 100%;
	}

	.admin-main[b-5hji3iam3v],
	.admin-sidebar[b-5hji3iam3v] {
		width: 100%;
		flex: none;
	}

	.admin-sidebar[b-5hji3iam3v] {
		order: -1;
		justify-content: center;
	}

	.admin-card-header h3[b-5hji3iam3v] {
		font-size: 0.9rem;
	}

	.admin-table th[b-5hji3iam3v],
	.admin-table td[b-5hji3iam3v] {
		font-size: 0.75rem;
		padding: 0.35rem;
	}

	.admin-btn[b-5hji3iam3v] {
		font-size: 0.75rem;
		padding: 0.25rem 0.5rem;
	}
}

@media (max-width: 600px) {
	.admin-card[b-5hji3iam3v],
	.management-card[b-5hji3iam3v] {
		padding: 0.7rem 0.9rem;
	}

	.admin-card-header[b-5hji3iam3v] {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.4rem;
	}

	.admin-btn[b-5hji3iam3v] {
		width: 100%;
		text-align: center;
	}
}
/* /Components/Pages/Admin/AdminMfaSetup.razor.rz.scp.css */
.btn-primary[b-167esgwau2],
.btn-outline-red[b-167esgwau2]{
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
	margin-right: 10px;
}

.btn-success[b-167esgwau2] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
	margin-right: 10px;
	margin-bottom: 4px;
}
/* /Components/Pages/Admin/Forms/AdminFormList.razor.rz.scp.css */
/* ===== Search & Filter ===== */
.search-filter-bar[b-kfjqjntl4l] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
}

.search-filter-group[b-kfjqjntl4l] {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    width: 100%;
    max-width: 450px;
}
    .search-box[b-kfjqjntl4l] {
        position: relative;
    }

    .search-box input[b-kfjqjntl4l] {
        padding: 0.43rem 1.7rem 0.43rem 0.68rem;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .search-box i[b-kfjqjntl4l] {
        position: absolute;
        right: 6.8px;
        top: 6.8px;
        color: #666;
    }

.filter-select[b-kfjqjntl4l] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.5rem 0.7rem;
    font-size: 0.85rem;
    background: #fff;
    color: #333;
    width: 100%;
}

.filter-select[b-kfjqjntl4l] {
    flex: 0 0 150px;
}

/* ===== Buttons ===== */
.btn-primary.small[b-kfjqjntl4l] {
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
}

/* ===== Messages ===== */
.table-message[b-kfjqjntl4l] {
    text-align: center;
    padding: 1rem;
    color: #777;
}

.non-hover.table[b-kfjqjntl4l] {
    transition : none;
    cursor: pointer;
}
/* /Components/Pages/Admin/Forms/AdminFormReview.razor.rz.scp.css */

/* ---------- Header ---------- */
.admin-badge[b-z8am7srkeg] {
	background: #f3f3f3;
	border-radius: 8px;
	padding: 0.3rem 0.7rem;
	font-size: 0.85rem;
	color: #555;
	font-weight: 700;
}
.close-btn[b-z8am7srkeg] {
	background: transparent;
	border: none;
	font-size: 1.4rem;
	color: var(--ek-red);
	cursor: pointer;
	transition: color .15s ease-in-out;
}

	.close-btn:hover[b-z8am7srkeg] {
		color: var(--ek-red);
	}

/* ---------- Questions ---------- */
.form-questions[b-z8am7srkeg] {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.form-question[b-z8am7srkeg] {
	background: var(--ek-item-bg);
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 1rem 1.2rem;
	transition: all 0.15s ease-in-out;
}

	.form-question:hover[b-z8am7srkeg] {
		border-color: var(--ek-red);
		box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.08);
	}

	.form-question label[b-z8am7srkeg] {
		display: block;
		color: #000000;
		margin-bottom: 0.5rem;
		font-size: 0.95rem;
	}

/* ---------- Admin-only Highlight ---------- */
.admin-only[b-z8am7srkeg] {
	background: var(--ek-item-bg);
	border-left: 5px solid var(--ek-red);
}

/* ---------- Footer Buttons ---------- */
.form-popup-footer[b-z8am7srkeg] {
	display: flex;
	justify-content: center;
	gap: 0.8rem;
	margin-top: 1rem;
}

/* ---------- Step Indicator ---------- */
.step-indicator[b-z8am7srkeg] {
	text-align: center;
	font-size: 0.85rem;
	color: #888;
	margin-top: 0.8rem;
}

/* ---------- Scroll Area ---------- */
.form-popup-body[b-z8am7srkeg] {
	max-height: 70vh;
	overflow-y: auto;
	padding-right: 0.5rem;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.form-popup[b-z8am7srkeg] {
		padding: 1.5rem;
		margin: 1rem;
	}

	.signature-step[b-z8am7srkeg] {
		grid-template-columns: 1fr;
	}

	.form-popup-footer[b-z8am7srkeg] {
		flex-direction: column;
		align-items: stretch;
	}

		.form-popup-footer button[b-z8am7srkeg] {
			width: 100%;
		}
}
/* /Components/Pages/Admin/Shift/AdminShifts.razor.rz.scp.css */

/* Tool bar */
.btn-primary[b-bu6lotsq3d],
.btn-outline-red[b-bu6lotsq3d] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}
.toolbar[b-bu6lotsq3d] {
	background: #fff;
	border-radius: 12px;
	padding: 0.85rem 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	box-shadow: 0 1px 6px rgba(0,0,0,0.06);
	
}

/* Title + Back */
.main-toolbar h3[b-bu6lotsq3d] {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0;
}

/*Week Navigation & Actions */
.week-nav[b-bu6lotsq3d],
.week-actions[b-bu6lotsq3d] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
	.week-actions button[b-bu6lotsq3d] {
	font-weight:600 !important;
	}
	.week-nav span[b-bu6lotsq3d] {
		min-width: 130px;
		text-align: center;
		font-weight: 600;
	}

	.week-nav button[b-bu6lotsq3d] {
		font-weight: 600 !important;
	}


.week-extra[b-bu6lotsq3d] {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

	.week-extra button[b-bu6lotsq3d] {
		font-weight: 600 !important;
	}

.week-nav[b-bu6lotsq3d] {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

/* Layer 3 – Search + Weekend Toggle */
.view-tools[b-bu6lotsq3d] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-box[b-bu6lotsq3d] {
	position: relative;
}

	.search-box input[b-bu6lotsq3d] {
		width: 220px;
		height: 36px;
		padding: 0 32px 0 10px;
		border-radius: 8px;
		border: 1px solid #ccc;
	}

	.search-box i[b-bu6lotsq3d] {
		position: absolute;
		right: 10px;
		top: 50%;
		color: #888;
		transform: translateY(-50%);
	}


/* SCHEDULE GRID */

.schedule-grid[b-bu6lotsq3d] {
	display: grid;
	grid-auto-rows: auto;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
	overflow-x: auto;
	--day-count: 7;
}

.header-row[b-bu6lotsq3d],
.staff-row[b-bu6lotsq3d] {
	display: grid;
	grid-template-columns: 160px repeat(var(--day-count), minmax(120px, 1fr));
}


/* HEADER CELLS */
.staff-header[b-bu6lotsq3d],
.day-header[b-bu6lotsq3d] {
	padding: 10px 0;
	background: var(--layout-bg-color);
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

	.day-header.today[b-bu6lotsq3d] {
		background: var(--ek-red-ghost, #ffecec);
		color: var(--ek-red);
	}

	.day-header small[b-bu6lotsq3d] {
		color: #666;
		font-size: 0.8rem;
	}

/* STAFF SIDE COLUMN */
.staff-name[b-bu6lotsq3d] {
	background: #fff8f8;
	border-right: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}


/* SHIFT CELLS */

.shift-cell[b-bu6lotsq3d] {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	min-height: 94px;
	padding: 6px;
	display: block;
	flex-direction: column;
	align-items: center;
	position : relative;
}


/* SHIFT CARD */
.shift-card[b-bu6lotsq3d] {
	width: 100%;
	background: var(--ek-red-ghost, #ffecec);
	border-radius: 10px;
	padding: 6px 8px;
	cursor: pointer;
	transition: 0.2s;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	text-align: center;
	margin-top:15px;
	font-size: 0.85rem;
}

	.shift-card:hover[b-bu6lotsq3d] {
		transform: scale(1.02);
		background: var(--ek-bg-color);
	}

	/* DAY OFF CARD */
	.shift-card.dayoff[b-bu6lotsq3d] {
		background: var(--ek-red-ghost);
	}



/*ADD SLOT BUTTON */
.add-slot[b-bu6lotsq3d] {
	margin-top: 6px;
	color: #bbb;
	font-size: 1.3rem;
	cursor: pointer;
	transition: 0.2s;
	text-align: center;
}

	.add-slot:hover[b-bu6lotsq3d] {
		color: var(--ek-red, #c62828);
	}


/* POPUP (for paste week) */
.popup-overlay[b-bu6lotsq3d] {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-content[b-bu6lotsq3d] {
	background: #fff;
	padding: 1.4rem;
	border-radius: 10px;
	width: 350px;
	box-shadow: 0 3px 15px rgba(0,0,0,0.15);
}

.popup-actions[b-bu6lotsq3d] {
	display: flex;
	justify-content: flex-end;
	gap: 0.6rem;
	margin-top: 1rem;
}


/* Paste icon hiding*/
.paste-icon[b-bu6lotsq3d] {
	position: absolute;
	right: 4px;
	z-index: 10;
	bottom: 4px;
	padding: 3px 6px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease-in-out .1s;
}

.shift-cell:hover .paste-icon[b-bu6lotsq3d] {
	opacity: 1;
	pointer-events: auto;
	cursor: pointer;
}


/* Responsive */

@media (max-width: 800px) {
	.toolbar[b-bu6lotsq3d] {
		flex-direction: column;
		align-items: stretch;
	}

	.search-box input[b-bu6lotsq3d] {
		width: 100%;
	}

	.header-row[b-bu6lotsq3d],
	.staff-row[b-bu6lotsq3d] {
		grid-template-columns: 120px repeat(var(--day-count), minmax(90px, 1fr));
	}
}
/* /Components/Pages/Admin/Shift/LeaveRequests.razor.rz.scp.css */
/* ===== Container ===== */
/*.leave-container {
	background: #fff;
	border-radius: 20px;
	padding: 1.5rem 1.6rem;
	width: 100%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
	font-size: 0.9rem;
}*/

/* ===== Header ===== */
/*.leave-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.2rem;
}*/

/* ===== Search & Filter  ===== */
.leave-filter[b-qywbzo8l7w] {
	display: flex;
	align-items: flex-end;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1.2rem;
}

.filter-group[b-qywbzo8l7w] {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;

}

.filter-btn[b-qywbzo8l7w] {
	align-self: flex-end;
	margin-bottom: 0.2rem;
	padding: 0.4rem 1rem;
	font-size: 0.82rem;
	font-weight: 600;
}

.filter-group .modern-date[b-qywbzo8l7w] {
	width: 160px;
	padding: 0.45rem 0.65rem;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 0.82rem;
}

/* ===== Table ===== */
/*.leave-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	font-size: 0.85rem;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

	.leave-table th,
	.leave-table td {
		padding: 0.55rem 0.75rem;
		text-align: center;
		border-bottom: 1px solid #eee;
	}

	.leave-table th {
		background: #f8f9fa;
	}

	.leave-table tr:hover {
		background-color: #fff5f5;
	}*/

/* ===== Status Pills ===== */
/*.status-pill {
	display: inline-block;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
}

	.status-pill.pending {
		background: #f9a825;*/ /* Yellow */
	/*}

	.status-pill.approved {
		background: #2e7d32;*/ /* Green */
	/*}

	.status-pill.denied {
		background: #c62828;*/ /* Red */
	/*}

	.status-pill.default {
		background: #757575;
	}*/

/* ===== Text ===== */
.text-muted[b-qywbzo8l7w] {
	color: #999;
	text-align: center;
	padding: 0.8rem;
	font-size: 0.85rem;
}
/* /Components/Pages/Admin/Shift/ShiftAddEditPopup.razor.rz.scp.css */

.collapsible[b-11hr1v7pbv] {
  overflow: hidden;
  max-height: 1000px;  big enough for content 
  opacity: 1;
  transition: max-height 220ms ease, opacity 180ms ease;
}

.collapsible.collapsed[b-11hr1v7pbv] {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

.dayoff-banner[b-11hr1v7pbv] {
  margin: 0.5rem 0 0.75rem;
  padding: 0.5rem 0.75rem;
  background: #fff4ce;
  border: 1px solid #ffd88a;
  border-radius: 4px;
  color: #6b4f00;
}

.dayoff-toggle[b-11hr1v7pbv] {
  margin: 0.5rem 0;
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  font-weight: 600;
}

.checkbox-list label.disabled[b-11hr1v7pbv] {
	opacity: 0.5;
	cursor: not-allowed;
}

	.checkbox-list label.disabled input[b-11hr1v7pbv] {
		cursor: not-allowed;
	}

.custom-dropdown[b-11hr1v7pbv] {
	position: relative;
	width: 100%;
	border-radius: 8px;
}

.custom-dropdown-trigger[b-11hr1v7pbv] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: white;
	cursor: pointer;
	min-height: 38px;
	border-radius:8px;
}

	.custom-dropdown-trigger:hover[b-11hr1v7pbv] {
		border-color: var(--ek-red);
	}

.custom-dropdown-menu[b-11hr1v7pbv] {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	max-height: 250px;
	overflow-y: auto;
	background: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 4px;
	z-index: 1000;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.custom-dropdown-item[b-11hr1v7pbv] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.6rem 0.8rem;
	cursor: pointer;
	transition: background-color 0.2s;
}

	.custom-dropdown-item:hover[b-11hr1v7pbv] {
		background-color: var(--ek-red-ghost);
	}

	.custom-dropdown-item.selected[b-11hr1v7pbv] {
		background-color: #e3f2fd;
		font-weight: 600;
	}

	.custom-dropdown-item.add-new[b-11hr1v7pbv] {
		border-top: 1px solid #ddd;
		font-weight: 600;
	}

		.custom-dropdown-item.add-new:hover[b-11hr1v7pbv] {
			background-color: var(--ek-red-ghost);
		}

		.custom-dropdown-item.add-new i[b-11hr1v7pbv] {
			margin-right: 0.5rem;
		}

.delete-icon-btn[b-11hr1v7pbv] {
	background: none;
	border: none;
	color: #dc3545;
	cursor: pointer;
	padding: 0.25rem 0.5rem;
	border-radius: 3px;
	transition: background-color 0.2s;
}

	.delete-icon-btn:hover[b-11hr1v7pbv] {
		background-color: rgba(220, 53, 69, 0.1);
	}

.system-badge[b-11hr1v7pbv] {
	font-size: 0.75rem;
	padding: 0.2rem 0.5rem;
	background-color: #6c757d;
	color: white;
	border-radius: 3px;
}
/* /Components/Pages/Admin/Shift/ShiftDetailPopup.razor.rz.scp.css */
.dayoff-banner[b-jqdx0vug6h] {
	margin: 0.5rem 0 0.75rem;
	padding: 0.5rem 0.75rem;
	background: #fff4ce;
	border: 1px solid #ffd88a;
	border-radius: 4px;
	color: #6b4f00;
}
/* /Components/Pages/Admin/StaffMfaManagementPopup.razor.rz.scp.css */
.mfa-management-dialog[b-syf69q82fo] {
	max-width: 600px;
	min-width: 500px;
}

.mfa-status-section[b-syf69q82fo] {
	background: #f8f9fa;
	padding: 1rem;
	border-radius: 8px;
	margin-bottom: 1rem;
}

.info-row[b-syf69q82fo] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0;
}

	.info-row .label[b-syf69q82fo] {
		font-weight: 600;
		color: #495057;
	}

	.info-row .value[b-syf69q82fo] {
		color: #6c757d;
	}

.badge[b-syf69q82fo] {
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	font-weight: 600;
}

.badge-success[b-syf69q82fo] {
	background-color: #28a745;
	color: white;
}

.badge-secondary[b-syf69q82fo] {
	background-color: #6c757d;
	color: white;
}

.mfa-info-section[b-syf69q82fo] {
	margin: 1rem 0;
}

/*.info-box {
	background: #e7f3ff;
	border-left: 4px solid #0066cc;
	padding: 1rem;
	border-radius: 4px;
}

	.info-box h5 {
		margin-top: 0;
		color: #0066cc;
	}

	.info-box ul {
		margin-bottom: 0;
		padding-left: 1.5rem;
	}

	.info-box li {
		margin: 0.5rem 0;
	}*/

/* /Components/Pages/Admin/StaffRole/RoleDetail.razor.rz.scp.css */
.guest-checkbox:checked[b-f5abo9upm5] {
	accent-color: black;
}

.admin-notice[b-f5abo9upm5] {
	background: #fff3cd;
	border: 1px solid #ffc107;
	padding: 12px 16px;
	border-radius: 4px;
	margin-bottom: 20px;
	color: #856404;
}

.bulk-actions[b-f5abo9upm5] {
	display: flex;
	gap: 0.5rem;
	margin: 0.8rem 0;
	justify-content: flex-end;
}

.permission-table-wrapper input[type="checkbox"][b-f5abo9upm5] {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.checkbox-cell[b-f5abo9upm5] {
	text-align: center;
	cursor: pointer;
	padding: 12px;
}

	.checkbox-cell label[b-f5abo9upm5] {
		display: block;
		cursor: pointer;
		margin: 0;
		padding: 8px;
	}

.footer[b-f5abo9upm5] {
	display: flex;
	gap: 0.8rem;
	margin-top: 1rem;
	justify-content : center;
}

@keyframes fadeInOut-b-f5abo9upm5 {
	0% {
		opacity: 0;
		transform: translateY(8px);
	}

	10% {
		opacity: 1;
		transform: translateY(0);
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateY(-8px);
	}
}

@media (max-width: 768px) {
	.role-detail-container[b-f5abo9upm5] {
		width: 95%;
		padding: 1.2rem;
	}

	.permission-table th[b-f5abo9upm5],
	.permission-table td[b-f5abo9upm5] {
		font-size: 0.8rem;
		padding: 0.4rem;
	}

	.footer[b-f5abo9upm5] {
		flex-direction: column;
		width: 100%;
	}

		.footer .btn-save[b-f5abo9upm5],
		.footer .btn-back[b-f5abo9upm5] {
			width: 100%;
		}
}
/* /Components/Pages/Admin/StaffRole/Roles.razor.rz.scp.css */

.action-col[b-vdi3jpyqh4] {
	text-align: center;
	vertical-align: middle !important;
}

.action-buttons[b-vdi3jpyqh4] {
	display: flex;
	gap: 0.4rem;
	justify-content: center;
}

.btn-primary[b-vdi3jpyqh4],
.btn-outline-red[b-vdi3jpyqh4] {
	font-size: 0.8rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

@media (max-width: 768px) {
	.action-buttons[b-vdi3jpyqh4] {
		flex-direction: column;
		gap: 0.35rem;
	}

		.action-buttons .btn-primary[b-vdi3jpyqh4],
		.action-buttons .btn-outline-red[b-vdi3jpyqh4] {
			width: 100%;
		}
}
/* /Components/Pages/Admin/Staff/Staff.razor.rz.scp.css */

/* Email Confirmation Banner */
.email-confirm-banner[b-85k9xwri6r] {
	background-color: #c62828;
	color: #fff;
	padding: 0.7rem 1rem;
	border-radius: 8px;
	margin-bottom: 1rem;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
	animation: fadeSlideDown-b-85k9xwri6r 0.3s ease;
}

	.email-confirm-banner .close-btn[b-85k9xwri6r] {
		background: none;
		border: none;
		color: #fff;
		font-size: 1rem;
		font-weight: bold;
		cursor: pointer;
		margin-left: 0.5rem;
		line-height: 1;
	}

.btn-primary[b-85k9xwri6r],
.btn-outline-red[b-85k9xwri6r] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

.left-group[b-85k9xwri6r] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top: 1rem;
}

/* Clickable Row */
.clickable-row[b-85k9xwri6r] {
	cursor: pointer;
}
	.clickable-row:hover[b-85k9xwri6r] {
		background-color: #fff5f5;
		transition: background-color 0.2s ease;
	}

/* Animation */
@keyframes fadeSlideDown-b-85k9xwri6r {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

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


/* /Components/Pages/Admin/Staff/StaffDetails.razor.rz.scp.css */
.staff-details-container[b-oao6lk2n7d] {
	padding: 1.6rem;
	border-radius: 8px;
	min-height: 100vh;
	width: 68vw;
	max-width: 100vw;
	margin: 0 auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

	.staff-details-container .staff-info-card[b-oao6lk2n7d] {
		margin-top: 17px;
		background-color: white;
		border-radius: 8px;
		padding: 1.2rem 1.6rem;
		margin-bottom: 1.6rem;
		font-size: 0.96rem;
		box-shadow: 0 1.6px 4.8px rgba(0, 0, 0, 0.08);
		color: #333;
	}

	.staff-details-container .info-header[b-oao6lk2n7d] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.8rem;
	}

	.staff-details-container .action-buttons[b-oao6lk2n7d] {
		display: flex;
		gap: 0.64rem;
		flex-wrap: wrap;
	}

	.staff-details-container .btn-status-green[b-oao6lk2n7d] {
		background-color: #2e7d32;
		color: white;
		border: none;
		padding: 0.36rem 0.8rem;
		border-radius: 4.8px;
		font-size: 0.76rem;
	}

	.staff-details-container .btn-danger[b-oao6lk2n7d] {
		background-color: #c62828;
		color: white;
		border: none;
		border-radius: 6.4px;
		padding: 0.36rem 0.8rem;
		cursor: pointer;
		font-size: 0.76rem;
	}
	.staff-details-container .btn-warning[b-oao6lk2n7d] {
		background-color: #ffc107;
		color: black;
		border: none;
		border-radius: 6.4px;
		padding: 0.36rem 0.8rem;
		cursor: pointer;
		font-size: 0.76rem;
	}
	.staff-details-container .btn-outline[b-oao6lk2n7d] {
		background-color: white;
		color: var(--ek-red);
		border: 0.8px solid var(--ek-red);
		border-radius: 6.4px;
		padding: 0.36rem 0.8rem;
		cursor: pointer;
		font-size: 0.76rem;
		transition: background-color 0.16s;
	}

		.staff-details-container .btn-outline:hover[b-oao6lk2n7d] {
			background-color: var(--ek-table-hover-bg);
		}

	.staff-details-container .staff-license-card[b-oao6lk2n7d] {
		background-color: white;
		border-radius: 8px;
		padding: 1.2rem 1.6rem;
		box-shadow: 0 1.6px 4.8px rgba(0, 0, 0, 0.08);
	}

	.staff-details-container .license-header[b-oao6lk2n7d] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 0.8rem;
		gap: 0.4rem;
	}

	.staff-details-container .btn-add[b-oao6lk2n7d] {
		background-color: var(--ek-red);
		color: white;
		border: none;
		border-radius: 6.4px;
		padding: 0.36rem 0.8rem;
		cursor: pointer;
		font-size: 0.76rem;
	}

@keyframes fadeinout-b-oao6lk2n7d {
	0% {
		opacity: 0;
		transform: translateY(-8px);
	}

	10% {
		opacity: 1;
		transform: translateY(0);
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateY(-8px);
	}
}

@media (max-width: 768px) {
	.staff-details-container[b-oao6lk2n7d] {
		width: 100%;
		padding: 1rem;
	}

		.staff-details-container .staff-info-card[b-oao6lk2n7d],
		.staff-details-container .staff-license-card[b-oao6lk2n7d] {
			font-size: 0.8rem;
			padding: 0.8rem;
		}

		.staff-details-container .info-header[b-oao6lk2n7d] {
			flex-direction: column;
			align-items: flex-start;
		}

		.staff-details-container .action-buttons[b-oao6lk2n7d] {
			flex-direction: column;
			width: 100%;
		}

			.staff-details-container .action-buttons button[b-oao6lk2n7d] {
				width: 100%;
			}

		.staff-details-container .popup-card[b-oao6lk2n7d] {
			width: 90%;
		}
}

@media (max-width: 480px) {
	.staff-details-container[b-oao6lk2n7d] {
		padding: 0.64rem;
	}

		.staff-details-container h2[b-oao6lk2n7d] {
			font-size: 1.04rem;
			text-align: center;
		}

		.staff-details-container .staff-info-card[b-oao6lk2n7d],
		.staff-details-container .staff-license-card[b-oao6lk2n7d] {
			font-size: 0.76rem;
		}

		.staff-details-container .license-table[b-oao6lk2n7d] {
			font-size: 0.68rem;
		}

		.staff-details-container button[b-oao6lk2n7d],
		.staff-details-container .btn[b-oao6lk2n7d],
		.staff-details-container .btn-outline[b-oao6lk2n7d],
		.staff-details-container .btn-danger[b-oao6lk2n7d],
		.staff-details-container .btn-add[b-oao6lk2n7d] {
			font-size: 0.68rem;
			padding: 0.32rem 0.48rem;
		}
}

@media (max-width: 768px) {
	.staff-details-container .license-table[b-oao6lk2n7d],
	.staff-details-container .license-table thead[b-oao6lk2n7d],
	.staff-details-container .license-table tbody[b-oao6lk2n7d],
	.staff-details-container .license-table th[b-oao6lk2n7d],
	.staff-details-container .license-table td[b-oao6lk2n7d],
	.staff-details-container .license-table tr[b-oao6lk2n7d] {
		display: block;
		width: 100%;
	}

		.staff-details-container .license-table thead[b-oao6lk2n7d] {
			display: none;
		}

		.staff-details-container .license-table tr[b-oao6lk2n7d] {
			border: 0.8px solid #ddd;
			border-radius: 6.4px;
			margin-bottom: 0.8rem;
			box-shadow: 0 1.6px 4px rgba(0, 0, 0, 0.05);
			background-color: #fff;
			padding: 0.4rem 0.6rem;
		}

		.staff-details-container .license-table td[b-oao6lk2n7d] {
			border: none;
			border-bottom: 0.8px solid #eee;
			position: relative;
			padding-left: 36%;
			text-align: left;
			white-space: normal;
			font-size: 0.76rem;
		}

			.staff-details-container .license-table td[b-oao6lk2n7d]::before {
				content: attr(data-label);
				position: absolute;
				left: 0.6rem;
				width: 32%;
				font-weight: 600;
				color: #c62828;
				white-space: nowrap;
			}

			.staff-details-container .license-table td:last-child[b-oao6lk2n7d] {
				border-bottom: none;
			}
}
/* /Components/Pages/Admin/Staff/StaffLoginLogs.razor.rz.scp.css */
.staff-log-header[b-s0k9ibe2s8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.8rem;
}

.table-scroll[b-s0k9ibe2s8] {
    max-height: 60vh;
    overflow: auto;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* table */
.log-table[b-s0k9ibe2s8] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.92rem;
}

.log-table.compact th[b-s0k9ibe2s8],
.log-table.compact td[b-s0k9ibe2s8] {
    padding: 8px 10px;
}

.log-table thead th[b-s0k9ibe2s8] {
    position: sticky;
    top: 0;
    background: #fafafa;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #eee;
    z-index: 1;
}

.log-table tbody tr:nth-child(even)[b-s0k9ibe2s8] {
    background: #fcfcfc;
}

.log-table tbody tr:hover[b-s0k9ibe2s8] {
    background-color: var(--ek-red-ghost, rgba(198,40,40,.08));
}

/* columns */
.col-time[b-s0k9ibe2s8] { width: 180px; }
.col-ip[b-s0k9ibe2s8] { width: 150px; }
.col-device[b-s0k9ibe2s8] { max-width: 340px; }
.col-location[b-s0k9ibe2s8] { max-width: 260px; }

/* two-line time */
.cell-time[b-s0k9ibe2s8] { display: flex; flex-direction: column; line-height: 1.1; }
.cell-time .time[b-s0k9ibe2s8] { font-weight: 700; color: #222; }
.cell-time .date[b-s0k9ibe2s8] { font-size: 0.8rem; color: #666; }

/* helpers */
.mono[b-s0k9ibe2s8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    letter-spacing: 0.2px;
}

.truncate[b-s0k9ibe2s8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/Admin/ThemePicker.razor.rz.scp.css */
.theme-popup-card[b-pgkff6uczz] {
    margin-top: 0.8rem;
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.theme-picker[b-pgkff6uczz] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

    .theme-picker label[b-pgkff6uczz] {
        font-size: 0.85rem;
        font-weight: 600;
    }

    .theme-picker select[b-pgkff6uczz],
    .theme-picker input[b-pgkff6uczz] {
        padding: 0.4rem 0.5rem;
        font-size: 0.85rem;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

    .theme-picker .custom-vars[b-pgkff6uczz] {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }

    .theme-picker .custom-row[b-pgkff6uczz] {
        display: flex;
        gap: 0.6rem;
    }

        .theme-picker .custom-row .item[b-pgkff6uczz] {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.3rem;
        }
/* /Components/Pages/Announcements/Announcements.razor.rz.scp.css */

.calendar-wrapper[b-15ovoqhayn] {
	min-height: 100svh;
	padding: clamp(20px, 3vh, 40px);
	padding-top: calc(clamp(20px, 3vh, 40px) + env(safe-area-inset-top, 0px));
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

	.calendar-wrapper .cal-shell[b-15ovoqhayn] {
		background: #fff;
		border-radius: 14px;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
		padding: 20px clamp(14px, 2.5vw, 22px);
		width: min(950px, 95vw);
	}

	/* ===== Title Bar ===== */
	.calendar-wrapper .cal-titlebar[b-15ovoqhayn] {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 12px;
		padding-bottom: 8px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

		.calendar-wrapper .cal-titlebar h2[b-15ovoqhayn] {
			margin: 0;
			font-size: clamp(1.2rem, 1rem + 0.8vw, 1.6rem);
			color: #222;
		}

		.calendar-wrapper .cal-titlebar .btn.btn-primary[b-15ovoqhayn] {
			font-size: 0.85rem;
			padding: 0.4rem 1rem;
			border-radius: 6px;
			font-weight: 600;
		}


	/* ===== Toolbar ===== */
	.calendar-wrapper .cal-toolbar[b-15ovoqhayn] {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px 12px;
		margin: 12px 0 16px;
		flex-wrap: wrap;
	}

		.calendar-wrapper .cal-toolbar .left[b-15ovoqhayn] {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px 12px;
			flex-wrap: wrap;
			width: 100%;
		}

	/* ===== Date Picker (InputDate) ===== */
	.calendar-wrapper .goto-input[b-15ovoqhayn] {
		padding: 6px 10px;
		border-radius: 8px;
		border: 2px solid var(--ek-red);
		background: rgba(198, 40, 40, 0.06);
		min-width: 150px;
		font-size: 0.9rem;
	}

		.calendar-wrapper .goto-input:focus[b-15ovoqhayn] {
			outline: none;
			background: #fff;
			box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.18);
		}

	/* Buttons */
	.calendar-wrapper .btn-outline-red[b-15ovoqhayn] {
		padding: 6px 12px;
		border: 2px solid var(--ek-red);
		background: white;
		color: var(--ek-red);
		border-radius: 8px;
		cursor: pointer;
		font-size: 0.85rem;
	}

		.calendar-wrapper .btn-outline-red:hover[b-15ovoqhayn] {
			background: #fff5f5;
		}

	/* ===== Month Section ===== */
	.calendar-wrapper .month-group[b-15ovoqhayn] {
		margin: 14px 0 22px;
	}

	.calendar-wrapper .month-head[b-15ovoqhayn] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 10px;
		margin: 8px 0;
	}

		.calendar-wrapper .month-head h3[b-15ovoqhayn] {
			margin: 0;
			color: #333;
			font-size: 1rem;
		}

		.calendar-wrapper .month-head .rule[b-15ovoqhayn] {
			height: 1.5px;
			background: rgba(0, 0, 0, 0.12);
			border-radius: 2px;
		}

		.calendar-wrapper .month-head .month-toggle[b-15ovoqhayn] {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			border: 0;
			background: #fff;
			box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
			color: var(--ek-red);
			display: grid;
			place-items: center;
			cursor: pointer;
		}

			.calendar-wrapper .month-head .month-toggle:hover[b-15ovoqhayn] {
				background: #fff5f5;
			}

	/* ===== Event Rows ===== */
	.calendar-wrapper .event-row[b-15ovoqhayn] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 12px;
		padding: 10px 6px;
		margin: 10px 0;
		border-radius: 10px;
		transition: all 0.15s ease;
		cursor: pointer;
	}

		.calendar-wrapper .event-row + .event-row[b-15ovoqhayn] {
			border-top: 1px dashed rgba(0, 0, 0, 0.06);
			padding-top: 12px;
			margin-top: 12px;
		}

		.calendar-wrapper .event-row:hover[b-15ovoqhayn] {
			background: #fff8f8;
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
			transform: translateY(-1px);
		}

	/* ===== Event Pills ===== */
	.calendar-wrapper .pill[b-15ovoqhayn] {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 120px;
		min-height: 70px;
		border-radius: 10px;
		color: #fff;
		text-align: center;
		padding: 8px 10px;
	}

	.calendar-wrapper .pill-start[b-15ovoqhayn] {
		background: var(--ek-red);
	}

	.calendar-wrapper .pill-end[b-15ovoqhayn] {
		background: #111;
	}

	.calendar-wrapper .pill .d[b-15ovoqhayn],
	.calendar-wrapper .pill .t[b-15ovoqhayn] {
		font-size: 0.9rem;
		font-weight: 600;
	}

	.calendar-wrapper .dayoff-text[b-15ovoqhayn] {
		color: #fff;
		font-weight: 600;
	}

	/* ===== Event Middle ===== */
	.calendar-wrapper .middle[b-15ovoqhayn] {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
	}

		.calendar-wrapper .middle .meta[b-15ovoqhayn] {
			color: #888;
			font-size: 0.78rem;
			text-align: right;
		}

		.calendar-wrapper .middle .title[b-15ovoqhayn] {
			font-size: 1.1rem;
			color: #222;
			line-height: 1.25;
			font-weight: 600;
		}

		.calendar-wrapper .middle .staff[b-15ovoqhayn] {
			color: #333;
			font-size: 0.82rem;
			font-weight: 600;
		}

	/* ===== Empty State ===== */
	.calendar-wrapper .no-events-big[b-15ovoqhayn] {
		text-align: center;
		color: #555;
		padding: 28px 0 20px;
		font-style: italic;
		font-size: 0.95rem;
	}

.week-nav[b-15ovoqhayn]{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* ===== Responsive ===== */
@media (max-width: 860px) {
	.calendar-wrapper .month-head[b-15ovoqhayn] {
		position: sticky;
		top: 0;
		z-index: 2;
		background: #fff;
		padding-block: 4px;
	}

	.calendar-wrapper .event-row[b-15ovoqhayn] {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 12px;
		border: 1px solid rgba(0, 0, 0, 0.06);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	}

	.calendar-wrapper .pill[b-15ovoqhayn] {
		width: 100%;
		border-radius: 10px;
		flex-direction: row;
		justify-content: space-between;
		padding: 10px 12px;
	}

	.calendar-wrapper .middle .title[b-15ovoqhayn] {
		font-size: 1rem;
	}

	.calendar-wrapper .middle .staff[b-15ovoqhayn] {
		font-size: 0.85rem;
	}
}

@media (max-width: 600px) {
	.calendar-wrapper .cal-titlebar[b-15ovoqhayn] {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.calendar-wrapper .goto-input[b-15ovoqhayn] {
		width: 100%;
	}
}
/* /Components/Pages/Announcements/PollResults.razor.rz.scp.css */
.poll-results-wrapper[b-7kk02gr7pd] {
	margin-top: 12px;
}

.poll-result-row[b-7kk02gr7pd] {
	margin-bottom: 8px;
}

.poll-result-label[b-7kk02gr7pd] {
	font-weight: 600;
	margin-bottom: 4px;
}

.poll-result-bar-container[b-7kk02gr7pd] {
	background: #eee;
	height: 10px;
	border-radius: 5px;
	overflow: hidden;
}

.poll-result-bar[b-7kk02gr7pd] {
	background: #4CAF50;
	height: 10px;
}

.poll-result-percent[b-7kk02gr7pd] {
	font-size: 0.9rem;
	margin-top: 2px;
	color: #444;
}
.poll-voters-list[b-7kk02gr7pd] {
	font-size: 0.7rem;
	color: #666;
	margin-top: 0.25rem;
	padding-left: 0.5rem;
}
/* /Components/Pages/Auth/Forbidden.razor.rz.scp.css */


.error-wrapper[b-l9urbfs6k2] {
    width: 100%;
    height: 80vh; 
    display: flex;
    justify-content: center;
    align-items: center; 
}


.error-container[b-l9urbfs6k2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 1rem;
    gap: 3rem;
    flex-wrap: wrap;
    text-align: center;
}

.illustration-area[b-l9urbfs6k2] {
    position: relative;
    width: 300px;
    height: 240px;
}

.number[b-l9urbfs6k2] {
    font-size: 8rem;
    font-weight: 800;
    color: var(--ek-red);
}


.text-area h1[b-l9urbfs6k2] {
    font-size: 2.4rem;
    color: var(--ek-red);
    margin-bottom: 0.5rem;
}

.text-area p[b-l9urbfs6k2] {
    font-size: 1.1rem;
    color: #444;
    margin-bottom: 2rem;
    line-height: 1.6rem;
}

.btn-group[b-l9urbfs6k2] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}
/* /Components/Pages/Calendar/Calendar.razor.rz.scp.css */
/* ========== TOOLBAR STYLES ========== */
.btn-primary[b-gyxtyw7ssj],
.btn-outline-red[b-gyxtyw7ssj] {
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    border-radius: 6px;
    font-weight: 600;
}
.toolbar[b-gyxtyw7ssj] {
    background: #fff;
    border-radius: 12px;
    padding: 0.85rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-bottom: 1rem;
}

.main-toolbar h3[b-gyxtyw7ssj] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}
/* Paste icon hiding*/
.paste-icon[b-gyxtyw7ssj] {
    position: absolute;
    right: 4px;
    z-index: 10;
    bottom: 4px;
    padding: 3px 6px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in-out .1s;
}

.shift-cell:hover .paste-icon[b-gyxtyw7ssj] {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
}
/* Week Navigation & Actions */
.week-nav[b-gyxtyw7ssj],
.week-actions[b-gyxtyw7ssj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.week-nav label[b-gyxtyw7ssj] {
    cursor: pointer;
    font-size: 1.2rem;
    padding: 0.3rem 0.6rem;
    user-select: none;
}

.week-nav label:hover[b-gyxtyw7ssj] {
    color: var(--ek-red);
}

.week-nav span[b-gyxtyw7ssj] {
    min-width: 130px;
    text-align: center;
    font-weight: 600;
}

.week-actions button[b-gyxtyw7ssj],
.week-nav button[b-gyxtyw7ssj] {
    font-weight: 600 !important;
}

.week-extra[b-gyxtyw7ssj] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.week-extra button[b-gyxtyw7ssj],
.week-extra span[b-gyxtyw7ssj] {
    font-weight: 600 !important;
}


/* ========== WEEK GRID VIEW ========== */
.schedule-grid[b-gyxtyw7ssj] {
    display: grid;
    grid-auto-rows: auto;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    overflow-x: auto;
    --day-count: 7;
}

.header-row[b-gyxtyw7ssj],
.staff-row[b-gyxtyw7ssj] {
    display: grid;
    grid-template-columns: 160px repeat(var(--day-count), minmax(120px, 1fr));
}

/* Hide weekend when toggled */
.schedule-grid.hide-weekend .header-row[b-gyxtyw7ssj],
.schedule-grid.hide-weekend .staff-row[b-gyxtyw7ssj] {
    grid-template-columns: 160px repeat(5, minmax(120px, 1fr));
}

.schedule-grid.hide-weekend .day-header:nth-child(7)[b-gyxtyw7ssj],
.schedule-grid.hide-weekend .day-header:nth-child(8)[b-gyxtyw7ssj],
.schedule-grid.hide-weekend .shift-cell:nth-child(7)[b-gyxtyw7ssj],
.schedule-grid.hide-weekend .shift-cell:nth-child(8)[b-gyxtyw7ssj] {
    display: none;
}

/* HEADER CELLS */
.staff-header[b-gyxtyw7ssj],
.day-header[b-gyxtyw7ssj] {
    padding: 10px 0;
    background: var(--layout-bg-color, #f5f5f5);
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.day-header.today[b-gyxtyw7ssj] {
    background: var(--ek-red-ghost, #ffecec);
    color: var(--ek-red);
}

.day-header .day-name[b-gyxtyw7ssj] {
    font-size: 1rem;
}

.day-header small[b-gyxtyw7ssj] {
    color: #666;
    font-size: 0.8rem;
}

/* STAFF SIDE COLUMN */
.staff-name[b-gyxtyw7ssj] {
    background: #fff8f8;
    border-right: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 8px;
}

/* SHIFT CELLS */
.shift-cell[b-gyxtyw7ssj] {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    min-height: 94px;
    padding: 6px;
    display: block;
    position: relative;
}

/* EVENT CARD */
.event-card[b-gyxtyw7ssj] {
    width: 100%;
    background: var(--ek-red-ghost, #ffecec);
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    text-align: center;
    margin-bottom: 6px;
}

.event-card:hover[b-gyxtyw7ssj] {
    transform: scale(1.02);
    background: var(--ek-bg-color, #ffe0e0);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.shift-time[b-gyxtyw7ssj] {
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 2px;
}

.shift-role[b-gyxtyw7ssj] {
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 2px;
}

.shift-location[b-gyxtyw7ssj] {
    font-size: 0.75rem;
    color: #888;
}

/* ADD SLOT BUTTON */
.add-slot[b-gyxtyw7ssj] {
    margin-top: 6px;
    color: #bbb;
    font-size: 1.3rem;
    cursor: pointer;
    transition: 0.2s;
    text-align: center;
}

.add-slot:hover[b-gyxtyw7ssj] {
    color: var(--ek-red, #c62828);
}

/* ========== LIST VIEW (ORIGINAL STYLES) ========== */
.calendar-list-view[b-gyxtyw7ssj] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    padding: 20px clamp(14px, 2.5vw, 22px);
}

/* Month section */
.calendar-list-view .month-group[b-gyxtyw7ssj] {
    margin: 14px 0 22px;
}

.calendar-list-view .month-head[b-gyxtyw7ssj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.calendar-list-view .month-head h3[b-gyxtyw7ssj] {
    margin: 0;
    color: #333;
    font-size: 1rem;
}

.calendar-list-view .month-head .rule[b-gyxtyw7ssj] {
    height: 1.5px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.calendar-list-view .month-toggle[b-gyxtyw7ssj] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    color: var(--ek-red);
    display: grid;
    place-items: center;
    cursor: pointer;
}

.calendar-list-view .month-toggle:hover[b-gyxtyw7ssj] {
    background: #fff5f5;
}

/* Event row */
.calendar-list-view .event-row[b-gyxtyw7ssj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
    margin: 10px 0;
    padding: 10px 6px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.calendar-list-view .event-row + .event-row[b-gyxtyw7ssj] {
    border-top: 1px dashed rgba(0, 0, 0, 0.06);
    padding-top: 12px;
    margin-top: 12px;
}

.calendar-list-view .event-row:hover[b-gyxtyw7ssj] {
    background: #fff8f8;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

/* Event pills */
.calendar-list-view .event-pill[b-gyxtyw7ssj] {
    width: 120px;
    min-height: 70px;
    border-radius: 10px;
    padding: 8px 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.calendar-list-view .event-pill.start[b-gyxtyw7ssj] {
    background: var(--ek-red);
}

.calendar-list-view .event-pill.end[b-gyxtyw7ssj] {
    background: #111;
}

.calendar-list-view .event-pill .p-date[b-gyxtyw7ssj],
.calendar-list-view .event-pill .p-time[b-gyxtyw7ssj] {
    font-size: 0.9rem;
}

/* Center section */
.calendar-list-view .event-center[b-gyxtyw7ssj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.calendar-list-view .event-center .added[b-gyxtyw7ssj] {
    color: #888;
    font-size: 0.78rem;
    text-align: right;
}

.calendar-list-view .event-center .title[b-gyxtyw7ssj] {
    font-size: 1.1rem;
    color: #222;
    font-weight: 600;
}

.calendar-list-view .event-center .staff[b-gyxtyw7ssj] {
    font-size: 0.82rem;
    color: #333;
    font-weight: 600;
}

/* Empty state */
.calendar-list-view .no-events-big[b-gyxtyw7ssj] {
    text-align: center;
    color: #555;
    padding: 28px 0 20px;
    font-style: italic;
    font-size: 0.95rem;
}

/* ========== RESPONSIVE ========== */
/* =========================
   iPad & Small Tablet (≤1024px)
   ========================= */
@media (max-width: 1024px) {

    /* Toolbar 정리 */
    .toolbar[b-gyxtyw7ssj] {
        padding: 0.75rem 1rem;
        gap: 0.75rem;
    }

    .main-toolbar h3[b-gyxtyw7ssj] {
        font-size: 1.1rem;
    }

    /* Week label 압축 */
    .week-nav span[b-gyxtyw7ssj] {
        min-width: 110px;
        font-size: 0.9rem;
    }

    /* Schedule Grid: 가로 스크롤 허용 */
    .schedule-grid[b-gyxtyw7ssj] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Grid column 축소 */
    .header-row[b-gyxtyw7ssj],
    .staff-row[b-gyxtyw7ssj] {
        grid-template-columns: 120px repeat(var(--day-count), minmax(100px, 1fr));
    }

    /* Staff column sticky (가독성 ↑) */
    .staff-name[b-gyxtyw7ssj],
    .staff-header[b-gyxtyw7ssj] {
        position: sticky;
        left: 0;
        z-index: 3;
        background: #fff8f8;
    }

    .staff-header[b-gyxtyw7ssj] {
        z-index: 4;
    }

    /* Day header 텍스트 압축 */
    .day-header .day-name[b-gyxtyw7ssj] {
        font-size: 0.9rem;
    }

    .day-header small[b-gyxtyw7ssj] {
        font-size: 0.7rem;
    }

    /* Shift cell 높이 축소 */
    .shift-cell[b-gyxtyw7ssj] {
        min-height: 80px;
        padding: 4px;
    }

    /* Event card compact */
    .event-card[b-gyxtyw7ssj] {
        padding: 6px;
        border-radius: 8px;
    }

    .shift-role[b-gyxtyw7ssj] {
        font-size: 0.78rem;
    }

    .shift-time[b-gyxtyw7ssj],
    .shift-location[b-gyxtyw7ssj] {
        font-size: 0.7rem;
    }

    /* Add slot 버튼 터치용 확대 */
    .add-slot[b-gyxtyw7ssj] {
        font-size: 1.4rem;
        padding: 4px 0;
    }
}
/* =========================
   iPad Portrait (≤768px)
   ========================= */
@media (max-width: 768px) {

    /* Toolbar 세로 정렬 */
    .toolbar[b-gyxtyw7ssj] {
        flex-direction: column;
        align-items: stretch;
    }

    .week-nav[b-gyxtyw7ssj],
    .week-actions[b-gyxtyw7ssj],
    .week-extra[b-gyxtyw7ssj] {
        justify-content: space-between;
        gap: 0.4rem;
    }

    /* Staff column 더 압축 */
    .header-row[b-gyxtyw7ssj],
    .staff-row[b-gyxtyw7ssj] {
        grid-template-columns: 100px repeat(var(--day-count), minmax(90px, 1fr));
    }

    /* Staff name 줄바꿈 허용 */
    .staff-name[b-gyxtyw7ssj] {
        font-size: 0.8rem;
        padding: 6px;
        text-align: center;
        line-height: 1.2;
        white-space: normal;
    }

    /* Event card: hover 효과 제거 (터치 디바이스) */
    .event-card:hover[b-gyxtyw7ssj] {
        transform: none;
        box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    }

    /* Paste icon 항상 보이게 (hover 불가 문제 해결) */
    .paste-icon[b-gyxtyw7ssj] {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (max-width: 860px) {
    .calendar-list-view .month-head[b-gyxtyw7ssj] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #fff;
        padding-block: 4px;
    }

    .calendar-list-view .event-row[b-gyxtyw7ssj] {
        grid-template-columns: 1fr;
        padding: 12px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    .calendar-list-view .event-pill[b-gyxtyw7ssj] {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding: 10px 12px;
    }
}

@media (max-width: 800px) {
    .toolbar[b-gyxtyw7ssj] {
        flex-direction: column;
        align-items: stretch;
    }

    .week-nav[b-gyxtyw7ssj],
    .week-actions[b-gyxtyw7ssj],
    .week-extra[b-gyxtyw7ssj] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .header-row[b-gyxtyw7ssj],
    .staff-row[b-gyxtyw7ssj] {
        grid-template-columns: 120px repeat(var(--day-count), minmax(90px, 1fr));
    }
}

@media (max-width: 600px) {
    .week-nav span[b-gyxtyw7ssj] {
        min-width: 100px;
        font-size: 0.85rem;
    }

    .calendar-list-view .event-row[b-gyxtyw7ssj] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
}
/* /Components/Pages/Calendar/CalendarEventDetailPopup.razor.rz.scp.css */
.calendar-detail-popup[b-ubfk0sz11n] {
	position: relative;
	background: white;
	border-radius: 14px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
	max-width: 600px;
	width: 90%;
	max-height: 85vh;
	overflow-y: auto;
	padding: 2rem;
	animation: popupFadeUp 0.25s ease;
}

.detail-row[b-ubfk0sz11n] {
	display: flex;
	gap: 1rem;
	padding: 0.6rem 0.8rem;
	background: var(--ek-red-ghost);
	border-radius: 8px;
	margin-bottom: 0.5rem;
	transition: background 0.15s ease;
}

.popup-no-staff[b-ubfk0sz11n] {
	color: #999;
	font-size: 0.9rem;
	font-style: italic;
}

@media (max-width: 640px) {
	.calendar-detail-popup[b-ubfk0sz11n] {
		padding: 1.5rem;
		width: 95%;
		max-height: 90vh;
	}

	.detail-row[b-ubfk0sz11n] {
		flex-direction: column;
		gap: 0.3rem;
	}

		.detail-row strong[b-ubfk0sz11n] {
			min-width: unset;
		}

}
/* /Components/Pages/Calendar/UserEventView.razor.rz.scp.css */
/* ========== TOOLBAR STYLES ========== */
.btn-primary[b-wd64yjr4og],
.btn-outline-red[b-wd64yjr4og] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

.toolbar[b-wd64yjr4og] {
	background: #fff;
	border-radius: 12px;
	padding: 0.85rem 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	box-shadow: 0 1px 6px rgba(0,0,0,0.06);
	margin-bottom: 1rem;
}

.main-toolbar h3[b-wd64yjr4og] {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0;
}
/* Paste icon hiding*/
.paste-icon[b-wd64yjr4og] {
	position: absolute;
	right: 4px;
	z-index: 10;
	bottom: 4px;
	padding: 3px 6px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease-in-out .1s;
}

.shift-cell:hover .paste-icon[b-wd64yjr4og] {
	opacity: 1;
	pointer-events: auto;
	cursor: pointer;
}
/* Week Navigation & Actions */
.week-nav[b-wd64yjr4og],
.week-actions[b-wd64yjr4og] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

	.week-nav label[b-wd64yjr4og] {
		cursor: pointer;
		font-size: 1.2rem;
		padding: 0.3rem 0.6rem;
		user-select: none;
	}

		.week-nav label:hover[b-wd64yjr4og] {
			color: var(--ek-red);
		}

	.week-nav span[b-wd64yjr4og] {
		min-width: 130px;
		text-align: center;
		font-weight: 600;
	}

	.week-actions button[b-wd64yjr4og],
	.week-nav button[b-wd64yjr4og] {
		font-weight: 600 !important;
	}

.week-extra[b-wd64yjr4og] {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

	.week-extra button[b-wd64yjr4og],
	.week-extra span[b-wd64yjr4og] {
		font-weight: 600 !important;
	}


/* ========== WEEK GRID VIEW ========== */
.schedule-grid[b-wd64yjr4og] {
	display: grid;
	grid-auto-rows: auto;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
	overflow-x: auto;
	--day-count: 7;
}

.header-row[b-wd64yjr4og],
.staff-row[b-wd64yjr4og] {
	display: grid;
	grid-template-columns: 160px repeat(var(--day-count), minmax(120px, 1fr));
}

/* Hide weekend when toggled */
.schedule-grid.hide-weekend .header-row[b-wd64yjr4og],
.schedule-grid.hide-weekend .staff-row[b-wd64yjr4og] {
	grid-template-columns: 160px repeat(5, minmax(120px, 1fr));
}

.schedule-grid.hide-weekend .day-header:nth-child(7)[b-wd64yjr4og],
.schedule-grid.hide-weekend .day-header:nth-child(8)[b-wd64yjr4og],
.schedule-grid.hide-weekend .shift-cell:nth-child(7)[b-wd64yjr4og],
.schedule-grid.hide-weekend .shift-cell:nth-child(8)[b-wd64yjr4og] {
	display: none;
}

/* HEADER CELLS */
.staff-header[b-wd64yjr4og],
.day-header[b-wd64yjr4og] {
	padding: 10px 0;
	background: var(--layout-bg-color, #f5f5f5);
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

	.day-header.today[b-wd64yjr4og] {
		background: var(--ek-red-ghost, #ffecec);
		color: var(--ek-red);
	}

	.day-header .day-name[b-wd64yjr4og] {
		font-size: 1rem;
	}

	.day-header small[b-wd64yjr4og] {
		color: #666;
		font-size: 0.8rem;
	}

/* STAFF SIDE COLUMN */
.staff-name[b-wd64yjr4og] {
	background: #fff8f8;
	border-right: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	padding: 8px;
}

/* SHIFT CELLS */
.shift-cell[b-wd64yjr4og] {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	min-height: 94px;
	padding: 6px;
	display: block;
	position: relative;
}

/* EVENT CARD */
.event-card[b-wd64yjr4og] {
	width: 100%;
	background: var(--ek-red-ghost, #ffecec);
	border-radius: 10px;
	padding: 8px;
	cursor: pointer;
	transition: 0.2s;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	text-align: center;
	margin-bottom: 6px;
}

	.event-card:hover[b-wd64yjr4og] {
		transform: scale(1.02);
		background: var(--ek-bg-color, #ffe0e0);
		box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	}

.shift-time[b-wd64yjr4og] {
	font-size: 0.75rem;
	color: #666;
	margin-bottom: 2px;
}

.shift-role[b-wd64yjr4og] {
	font-weight: 600;
	font-size: 0.85rem;
	margin-bottom: 2px;
}

.shift-location[b-wd64yjr4og] {
	font-size: 0.75rem;
	color: #888;
}

/* ADD SLOT BUTTON */
.add-slot[b-wd64yjr4og] {
	margin-top: 6px;
	color: #bbb;
	font-size: 1.3rem;
	cursor: pointer;
	transition: 0.2s;
	text-align: center;
}

	.add-slot:hover[b-wd64yjr4og] {
		color: var(--ek-red, #c62828);
	}

/* ========== LIST VIEW (ORIGINAL STYLES) ========== */
.calendar-list-view[b-wd64yjr4og] {
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
	padding: 20px clamp(14px, 2.5vw, 22px);
}

	/* Month section */
	.calendar-list-view .month-group[b-wd64yjr4og] {
		margin: 14px 0 22px;
	}

	.calendar-list-view .month-head[b-wd64yjr4og] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 10px;
		margin: 8px 0;
	}

		.calendar-list-view .month-head h3[b-wd64yjr4og] {
			margin: 0;
			color: #333;
			font-size: 1rem;
		}

		.calendar-list-view .month-head .rule[b-wd64yjr4og] {
			height: 1.5px;
			background: rgba(0, 0, 0, 0.12);
			border-radius: 2px;
		}

	.calendar-list-view .month-toggle[b-wd64yjr4og] {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: 0;
		background: #fff;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		color: var(--ek-red);
		display: grid;
		place-items: center;
		cursor: pointer;
	}

		.calendar-list-view .month-toggle:hover[b-wd64yjr4og] {
			background: #fff5f5;
		}

	/* Event row */
	.calendar-list-view .event-row[b-wd64yjr4og] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		gap: 12px;
		align-items: center;
		margin: 10px 0;
		padding: 10px 6px;
		border-radius: 10px;
		cursor: pointer;
		transition: all 0.15s ease;
	}

		.calendar-list-view .event-row + .event-row[b-wd64yjr4og] {
			border-top: 1px dashed rgba(0, 0, 0, 0.06);
			padding-top: 12px;
			margin-top: 12px;
		}

		.calendar-list-view .event-row:hover[b-wd64yjr4og] {
			background: #fff8f8;
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
			transform: translateY(-1px);
		}

	/* Event pills */
	.calendar-list-view .event-pill[b-wd64yjr4og] {
		width: 120px;
		min-height: 70px;
		border-radius: 10px;
		padding: 8px 10px;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

		.calendar-list-view .event-pill.start[b-wd64yjr4og] {
			background: var(--ek-red);
		}

		.calendar-list-view .event-pill.end[b-wd64yjr4og] {
			background: #111;
		}

		.calendar-list-view .event-pill .p-date[b-wd64yjr4og],
		.calendar-list-view .event-pill .p-time[b-wd64yjr4og] {
			font-size: 0.9rem;
		}

	/* Center section */
	.calendar-list-view .event-center[b-wd64yjr4og] {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
	}

		.calendar-list-view .event-center .added[b-wd64yjr4og] {
			color: #888;
			font-size: 0.78rem;
			text-align: right;
		}

		.calendar-list-view .event-center .title[b-wd64yjr4og] {
			font-size: 1.1rem;
			color: #222;
			font-weight: 600;
		}

		.calendar-list-view .event-center .staff[b-wd64yjr4og] {
			font-size: 0.82rem;
			color: #333;
			font-weight: 600;
		}

	/* Empty state */
	.calendar-list-view .no-events-big[b-wd64yjr4og] {
		text-align: center;
		color: #555;
		padding: 28px 0 20px;
		font-style: italic;
		font-size: 0.95rem;
	}

/* ========== RESPONSIVE ========== */
@media (max-width: 860px) {
	.calendar-list-view .month-head[b-wd64yjr4og] {
		position: sticky;
		top: 0;
		z-index: 2;
		background: #fff;
		padding-block: 4px;
	}

	.calendar-list-view .event-row[b-wd64yjr4og] {
		grid-template-columns: 1fr;
		padding: 12px;
		border: 1px solid rgba(0, 0, 0, 0.06);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	}

	.calendar-list-view .event-pill[b-wd64yjr4og] {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		padding: 10px 12px;
	}
}

@media (max-width: 800px) {
	.toolbar[b-wd64yjr4og] {
		flex-direction: column;
		align-items: stretch;
	}

	.week-nav[b-wd64yjr4og],
	.week-actions[b-wd64yjr4og],
	.week-extra[b-wd64yjr4og] {
		flex-wrap: wrap;
		justify-content: center;
	}

	.header-row[b-wd64yjr4og],
	.staff-row[b-wd64yjr4og] {
		grid-template-columns: 120px repeat(var(--day-count), minmax(90px, 1fr));
	}
}

@media (max-width: 600px) {
	.week-nav span[b-wd64yjr4og] {
		min-width: 100px;
		font-size: 0.85rem;
	}

	.calendar-list-view .event-row[b-wd64yjr4og] {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
}
/* /Components/Pages/Client/AddEditClient.razor.rz.scp.css */
.btn-primary[b-gu4vfxgl1n],
.btn-outline-red[b-gu4vfxgl1n] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}
.form-grid[b-gu4vfxgl1n] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 1.2rem;
	row-gap: 0.4rem; 
	margin-bottom:1rem;
}

.form-group[b-gu4vfxgl1n] {
	display: flex;
	flex-direction: column;
	gap: 4px; 
	margin-bottom: 0;
}
	.form-group label[b-gu4vfxgl1n] {
		font-size: 0.88rem;
		font-weight:600;
	}

.form-input[b-gu4vfxgl1n] {
	height: 32px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}


.table-actions[b-gu4vfxgl1n] {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0.5rem;
}


.action-buttons[b-gu4vfxgl1n] {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	gap: 2rem;
}


/* /Components/Pages/Client/ClientDetail.razor.rz.scp.css */
.btn-primary[b-g9nfuggj02],
.btn-outline-red[b-g9nfuggj02] {
	font-size: 0.8rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
	margin-bottom: 10px;
}

.btn-gap-left[b-g9nfuggj02] {
	margin-left: 0.3rem;
}

.client-subinfo[b-g9nfuggj02] {
	font-size: 20px;
	color: #666;
	font-weight: 600;
}

.client-subtype[b-g9nfuggj02] {
	font-size: 18px;
	color: #999;
	margin-top: 2px;
	font-weight: 600;
}

.contact-details-box[b-g9nfuggj02] {
	margin-top: 12px;
}

	.contact-details-box h3[b-g9nfuggj02] {
		margin-bottom: 6px;
		font-size: 18px;
		font-weight: 600 !important;
	}

.contact-details-list div[b-g9nfuggj02] {
	display: flex;
	margin-bottom: 6px;
	font-weight: 600 !important;
}

.contact-details-list i[b-g9nfuggj02] {
	margin-right: 8px;
	font-weight: 600 !important;
}

.last-updated[b-g9nfuggj02] {
	font-size: 12px;
	margin-top: 4px;
	color: #777;
}

.section[b-g9nfuggj02] {
	margin-top: 40px;
}

.section-header[b-g9nfuggj02] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.client-detail a[b-g9nfuggj02],
.contact-details-list a[b-g9nfuggj02] {
	margin-left: 5px;
}

.secret-section-box[b-g9nfuggj02] {
	margin-top: 2rem;
}

.secret-search[b-g9nfuggj02] {
	padding: 6px 10px;
	border-radius: 6px;
	border: 1px solid #dadada;
	width: 180px;
	margin-right: 10px;
}

.secret-list-modern[b-g9nfuggj02] {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 columns */
	gap: 0.8rem;
}

.secret-item[b-g9nfuggj02] {
	padding: 14px 16px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	background: white;
	cursor: pointer;
	transition: 0.15s;
}

	.secret-item:hover[b-g9nfuggj02] {
		background: #fafafa;
		border-color: #dcdcdc;
	}

.secret-left[b-g9nfuggj02] {
	display: flex;
	flex-direction: column;
}

.secret-title[b-g9nfuggj02] {
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: 4px;
}

.secret-meta[b-g9nfuggj02] {
	font-size: 0.85rem;
	color: #666;
	display: flex;
	gap: 6px;
}

	.secret-meta .dot[b-g9nfuggj02] {
		color: #bbb;
	}

.secret-right[b-g9nfuggj02] {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}

.btn-icon[b-g9nfuggj02] {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	font-size: 1.1rem;
	color: #555;
	transition: 0.15s;
}

	.btn-icon:hover[b-g9nfuggj02] {
		color: #d33;
	}

@keyframes revealFade-b-g9nfuggj02 {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.secret-slide-container[b-g9nfuggj02] {
	max-height: none !important;
	opacity: 1 !important;
	overflow: visible !important;
	transition: none !important;
}

.badge[b-g9nfuggj02] {
	padding: 2px 6px;
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 600;
	display: inline-block;
}
.badge-public[b-g9nfuggj02] {
	background-color: #2e7d32;
	color: white;
}

.badge-private[b-g9nfuggj02] {
	background-color: #b71c1c;
	color: white;
}

/* /Components/Pages/Client/Clients.razor.rz.scp.css */
.btn-primary[b-gdqm3ttjbj],
.btn-outline-red[b-gdqm3ttjbj] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}
.left-group[b-gdqm3ttjbj] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top:1rem;
}

.right-toggle[b-gdqm3ttjbj] {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

	.right-toggle label[b-gdqm3ttjbj] {
		white-space: nowrap;
	}

/* /Components/Pages/Client/Document/ClientDocumentDetailPopup.razor.rz.scp.css */
/*According to the image size*/

.detail-popup[b-dm69qpb4vh] {
	width: auto !important;
	max-width: 95vw !important;
	max-height: 90vh !important;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}
	.detail-popup .preview-image[b-dm69qpb4vh] {
		max-width: 100%;
		max-height: 75vh;
		width: auto;
		height: auto;
		object-fit: contain;
		border-radius: 10px;
	}

	.detail-popup .preview-iframe[b-dm69qpb4vh] {
		width: 100%;
		height: 75vh;
		border: none;
		border-radius: 10px;
	}

	.detail-popup .preview-pre[b-dm69qpb4vh] {
		max-height: 60vh;
		overflow-y: auto;
		white-space: pre-wrap;
		background: #f9f9f9;
		padding: 1rem;
		border-radius: 8px;
	}

/*Detail popup on the right side of Popup screen*/

.detail-header .detail-meta[b-dm69qpb4vh] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.6rem 1.2rem; 
	margin-top: 0.5rem;
}

.detail-header .licence-status-wrapper[b-dm69qpb4vh] {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
/* /Components/Pages/Client/Notes/ClientNoteDetailPopup.razor.rz.scp.css */
.text-muted[b-qen3ioac7u] {
	margin-top: 0.6rem;
	font-size: 0.85rem;
}
.badge-calendar[b-qen3ioac7u] {
	background: var(--ek-red);
	color: white;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	font-size: 0.75rem;
	font-weight: 600;
}
/* /Components/Pages/Client/Secrets/ClientSecretAddEditPopup.razor.rz.scp.css */
/* /Components/Pages/Company/Company.razor.rz.scp.css */

.company-page[b-x2rq4l54uu] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.1rem 1.54rem;
	min-height: 100vh;
	box-sizing: border-box;
}

.company-layout[b-x2rq4l54uu] {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 1.25rem;
	width: 100%;
	max-width: 1248px;
}
	.centered[b-x2rq4l54uu] {
		grid-template-columns: 1fr;
		justify-items: center;
	}
.company-card[b-x2rq4l54uu], .side-card[b-x2rq4l54uu] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 1rem 1.25rem;
	box-shadow: 0 4.8px 17.3px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
	gap: 1.54rem;
	width: 100%;
	box-sizing: border-box;
	font-size:0.9rem;
}


.company-header[b-x2rq4l54uu] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .75rem;
}

.company-title h2[b-x2rq4l54uu] {
	font-size: 1.54rem;
	font-weight: 700;
	color: #111;
	margin-bottom: 0.24rem;
}

.company-sub[b-x2rq4l54uu] {
	color: #555;
	font-size: 0.91rem;
	margin: 0;
}

.main-office-box[b-x2rq4l54uu] {
	font-weight: 600;
	color: #0d6efd !important;
	text-decoration: underline !important;
}
.company-section[b-x2rq4l54uu] {
	display: flex;
	flex-direction: column;
	gap: 0.29rem;
}

	.company-section h4[b-x2rq4l54uu] {
		font-weight: 700;
		color: #222;
		margin-bottom: 0.38rem;
		font-size: 1.01rem;
	}

.info-list p[b-x2rq4l54uu] {
	margin: 0.24rem 0;
	font-size: 1rem;
}

.company-section a[b-x2rq4l54uu] {
	color: black;
	text-decoration: none;
	font-size: 0.91rem;
}

	.company-section a:hover[b-x2rq4l54uu] {
		text-decoration: underline;
	}
/* ==================== Branch ==================== */
.branch-tabs[b-x2rq4l54uu] {
	display: flex;
	gap: 0.6rem;
	flex-wrap: wrap;
}

.branch-tab[b-x2rq4l54uu] {
	padding: 0.45rem 1.1rem;
	border-radius: 20px;
	border: 1.5px solid var(--ek-red);
	background: transparent;
	cursor: pointer;
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--ek-red);
	transition: all 0.2s ease-in-out;
}

	.branch-tab:hover[b-x2rq4l54uu] {
		background: var(--ek-red-ghost);
	}

	.branch-tab.active[b-x2rq4l54uu] {
		background: var(--ek-red);
		color: #fff;
	}

.branch-hours-block[b-x2rq4l54uu] {
	padding: 0.8rem 1rem;
	border-radius: 12px;
	background: var(--layout-bg-color);
	border: 1px solid #e5e7eb;
	margin-top: 1rem;
	max-width: 100%; 
}

	.branch-hours-block h5[b-x2rq4l54uu] {
		margin: 0 0 0.5rem 0;
		font-size: 1rem;
		font-weight: 700;
	}

	.branch-hours-block p[b-x2rq4l54uu] {
		margin: 0.25rem 0;
		font-size: 0.85rem;
		margin-bottom: 0.5rem;
	}

	.branch-hours-block.main-branch[b-x2rq4l54uu] {
		border-color: var(--ek-red);
	}

.hours-table.slim[b-x2rq4l54uu] {
	width: 100%;
	font-size: 0.85rem !important;
	border-collapse: collapse;
}

	.hours-table.slim td[b-x2rq4l54uu] {
		padding: 8px 6px !important;
		line-height: 1.2;
		border-bottom: 1px dashed #e5e7eb;
	}

	.hours-table.slim tr:last-child td[b-x2rq4l54uu] {
		border-bottom: none;
	}

	.hours-table.slim td:first-child[b-x2rq4l54uu] {
		width: 65px;
		font-weight: 600;
	}

/* ==================== Text utilities ==================== */
.text-muted[b-x2rq4l54uu] {
	color: #6b7280;
}
.text-xs[b-x2rq4l54uu] {
	font-size: .75rem;
}
.text-sm[b-x2rq4l54uu] {
	font-size: .875rem;
}

@media (max-width: 1200px) {
	.company-layout[b-x2rq4l54uu] {
		grid-template-columns: 1fr;
		gap: 1.15rem;
		max-width: 960px;
	}

	.company-card[b-x2rq4l54uu],
	.side-card[b-x2rq4l54uu] {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.company-page[b-x2rq4l54uu] {
		padding: 1.15rem;
	}

	.company-card[b-x2rq4l54uu] {
		padding: 1.73rem 1.34rem;
	}

	.company-title h2[b-x2rq4l54uu] {
		font-size: 1.25rem;
	}

	.company-section h4[b-x2rq4l54uu] {
		font-size: 0.91rem;
	}
}
/* /Components/Pages/Company/CompanyAddEditPopup.razor.rz.scp.css */
.popup-overlay[b-vsgpuxbzku] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3vh 1rem;
    z-index: 1000;
}

.popup-content[b-vsgpuxbzku] {
    width: 95vw !important;
    max-height: 94vh;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
    padding: 1rem 1.25rem;
    max-width: 1400px !important;
}

.popup-header[b-vsgpuxbzku] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.popup-form-grid[b-vsgpuxbzku] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: .75rem .9rem;
    margin-bottom: 1rem;
}

.hours-table-edit[b-vsgpuxbzku],
.hours-table[b-vsgpuxbzku] {
    width: 100%;
    border-collapse: collapse;
}

.hours-table-edit td[b-vsgpuxbzku],
.hours-table td[b-vsgpuxbzku] {
    padding: .4rem .5rem;
    border-bottom: 1px dashed #e5e7eb;
}

.hours-table-edit tr:last-child td[b-vsgpuxbzku],
.hours-table tr:last-child td[b-vsgpuxbzku] {
    border-bottom: none;
}

.time-input[b-vsgpuxbzku] {
    width: 7.5rem;
    margin-right: .4rem;
}

.mini-btn[b-vsgpuxbzku] {
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 6px;
    padding: .25rem .5rem;
    font-size: .8rem;
    margin-left: .25rem;
    cursor: pointer;
}
.mini-btn:hover[b-vsgpuxbzku] { background: #f3f4f6; }
.mini-btn-warn[b-vsgpuxbzku] { border-color: #fda4af; color: #b91c1c; }

.branch-section[b-vsgpuxbzku] { margin-top: 1rem; }
.branch-tabs[b-vsgpuxbzku] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    margin-bottom: .6rem;
}

.branch-tab[b-vsgpuxbzku] {
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 999px;
    padding: .35rem .7rem;
    cursor: pointer;
    font-size: .9rem;
}
.branch-tab.active[b-vsgpuxbzku] {
    background: #111827;
    color: #fff;
    border-color: #111827;
}

.branch-add-btn[b-vsgpuxbzku] {
    border: 1px dashed #94a3b8;
    background: #fff;
    color: #111827;
    border-radius: 999px;
    padding: .35rem .7rem;
    cursor: pointer;
}

.branch-mini-summary[b-vsgpuxbzku] {
    display: block;
    font-size: .72rem;
    opacity: .8;
}

.branch-edit-area[b-vsgpuxbzku] {
    max-width: 100%;
}

.branch-utilities[b-vsgpuxbzku] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
    margin: .5rem 0 .25rem;
}

.readonly-hours[b-vsgpuxbzku] { background: #fafafa; border: 1px solid #e5e7eb; border-radius: 8px; padding: .5rem .75rem; }

.val-err[b-vsgpuxbzku] { color: #b91c1c; font-size: .8rem; margin-left: .4rem; }
/* /Components/Pages/Company/Documents/AddInsurance.razor.rz.scp.css */
.add-insurance-page[b-dzj1iy1tkm] {
	background: #fff;
	border-radius: 12px;
	padding: 2rem 2.5rem;
	max-width: 900px;
	margin: 3rem auto;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

	.add-insurance-page h2[b-dzj1iy1tkm] {
		margin-top: 0;
		font-size: 1.6rem;
		font-weight: 600;
		color: #222;
		margin-bottom: 1.5rem;
	}

/* ===== Form layout ===== */
.insurance-form[b-dzj1iy1tkm] {
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
}

.form-row[b-dzj1iy1tkm] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.2rem;
}

.form-group[b-dzj1iy1tkm] {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

	.form-group label[b-dzj1iy1tkm] {
		font-weight: 600;
		font-size: 0.95rem;
		color: #333;
	}

.form-control[b-dzj1iy1tkm] {
	padding: 0.6rem 0.8rem;
	border: 1.5px solid #ccc;
	border-radius: 6px;
	font-size: 0.95rem;
	width: 100%;
}

.provider-field[b-dzj1iy1tkm] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

/* Add Provider 버튼 */
.add-provider-btn[b-dzj1iy1tkm] {
	white-space: nowrap;
	padding: 0.4rem 0.8rem;
}

/* ===== Action buttons ===== */
.form-actions[b-dzj1iy1tkm] {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem;
}
/* /Components/Pages/Company/Documents/AddLicencePopup.razor.rz.scp.css */
/* ----- Add Licence Popup ----- */
.popup-overlay[b-t1nqjj9ezl] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.popup-content.licence-popup[b-t1nqjj9ezl] {
	background: #fff;
	padding: 2rem;
	border-radius: 12px;
	width: 90%;
	max-width: 480px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	.popup-content.licence-popup h3[b-t1nqjj9ezl] {
		margin: 0;
		font-size: 1.4rem;
		font-weight: 700;
		color: #111;
		text-align: left;
	}

.form-group[b-t1nqjj9ezl] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align:left;
}

	.form-group label[b-t1nqjj9ezl] {
		font-weight: 600;
		color: #222;
		margin-top: 12px;
	}

.btn-row[b-t1nqjj9ezl] {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1rem;
}
/* /Components/Pages/Company/Documents/CompanyDocumentAddEditPopup.razor.rz.scp.css */

/*.category-manager-popup {
    background: white;
    padding: 1.2rem 1.5rem;
    border-radius: 12px;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

.cat-title {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.category-list {
    max-height: 250px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.category-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.cat-name {
    font-size: 0.8rem;
}

.delete-icon {
    background: transparent;
    border: none;
    color: red;
    font-size: 0.7rem;
    cursor: pointer;
}

.delete-icon.disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.close-btn {
    width: 100%;
    margin-top: 0.6rem;
    font-weight: 600;
}

.category-manage-row label {
    text-decoration: underline; 
    cursor: pointer; 
    color: #333; 
}

    .category-manage-row label:hover {
        text-decoration-thickness: 2px; 
        opacity: 0.8; 
    }
*/
.preview-iframe[b-mddbc0e33j] {
    width: 800px !important;
    height: 600px !important;
}
/* /Components/Pages/Company/Documents/CompanyDocumentDetailPopup.razor.rz.scp.css */

/* According to the image size */
.popup-content[b-2do1yto9lo] {
	width: auto !important;
	max-width: 100% !important;
	max-height: 90vh !important;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}


.popup-header .detail-meta[b-2do1yto9lo] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.6rem 1.2rem;
	margin-top: 0.5rem;
}


.popup-header .licence-status-wrapper[b-2do1yto9lo] {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
/* /Components/Pages/Company/Documents/ComplianceDocuments.razor.rz.scp.css */
.header[b-lgmyalykup] {
	display: flex;
	justify-content: space-between; 
	align-items: center; 
	margin-bottom: 1rem;
}

.compliance-container[b-lgmyalykup] {
	background: #fff;
	border-radius: 12px;
	padding: 2.5rem 3rem;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	margin: 2rem auto;
	max-width: 1200px;
}

.section-block[b-lgmyalykup] {
	margin-top: 3rem;
}

.section-header[b-lgmyalykup] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

	.section-header h3[b-lgmyalykup] {
		font-size: 1.3rem;
		color: #111;
		font-weight: 600;
	}

.section-actions[b-lgmyalykup] {
	display: flex;
	gap: 0.6rem;
}
.clickable-row[b-lgmyalykup] {
	cursor: pointer;
	transition: background 0.15s ease;
}

	.clickable-row:hover[b-lgmyalykup] {
		background-color: #fff4f4;
	}

/*app.css button add-on*/
.btn-primary[b-lgmyalykup],
.btn-outline-red[b-lgmyalykup] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight:600;
}

/*.styled-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8rem;
	table-layout: fixed;
}

	.styled-table thead {
		background: #ffecec;
	}

	.styled-table th {*/
/*		font-weight: 600;*/
		/*font-size: 0.85rem;
		color: #222;
	}

	.styled-table th,
	.styled-table td {
		padding: 0.55rem 0.8rem;
		text-align: left;
		border: 1px solid #ddd;
		word-wrap: break-word;
	}*/

.status-valid[b-lgmyalykup] {
	color: #008000;
	font-weight: 600;
}

.status-expired[b-lgmyalykup] {
	color: #d32f2f;
	font-weight: 600;
}

.section-block table[b-lgmyalykup] {
	margin-top: 0.5rem;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.compliance-container[b-lgmyalykup] {
		padding: 1.5rem;
		max-width: 100%;
		box-shadow: none;
		border-radius: 0;
	}

	.section-header[b-lgmyalykup] {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.6rem;
	}

	.section-actions[b-lgmyalykup] {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	/* 테이블 → 카드형 */
	.styled-table[b-lgmyalykup],
	.styled-table thead[b-lgmyalykup],
	.styled-table tbody[b-lgmyalykup],
	.styled-table th[b-lgmyalykup],
	.styled-table td[b-lgmyalykup],
	.styled-table tr[b-lgmyalykup] {
		display: block;
		width: 100%;
	}

		.styled-table thead[b-lgmyalykup] {
			display: none;
		}

		.styled-table tr[b-lgmyalykup] {
			background: #fff;
			margin-bottom: 1rem;
			border: 1px solid #ddd;
			border-radius: 8px;
			padding: 0.8rem 1rem;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
		}

		.styled-table td[b-lgmyalykup] {
			display: flex;
			justify-content: space-between;
			padding: 0.4rem 0;
			border: none;
			font-size: 0.9rem;
		}

			.styled-table td[b-lgmyalykup]::before {
				content: attr(data-label);
				font-weight: 600;
				color: #333;
			}

	.status-valid[b-lgmyalykup] {
		color: green;
		font-weight: 600;
	}

	.status-expired[b-lgmyalykup] {
		color: red;
		font-weight: 600;
	}
}
/* /Components/Pages/Company/Documents/Documents.razor.rz.scp.css */

.page-header .actions[b-ghaxra7vur] {
	display: flex;
	align-items: center;
	gap: 0.5rem; 
	flex-wrap: wrap; 
}

.btn-group[b-ghaxra7vur] {
	display: inline-flex; 
	align-items: center;
	gap: 0.5rem; 
}

.btn-primary[b-ghaxra7vur],
.btn-outline-red[b-ghaxra7vur] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}



@keyframes popupFade-b-ghaxra7vur {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}

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

/* /Components/Pages/Company/Documents/InsuranceProviders.razor.rz.scp.css */
/* === Container === */
.insurance-providers-container[b-n78f9bzwti] {
	padding: 2rem 2.5rem;
	background-color: #fff;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	font-size: 0.85rem;
}

/* === Header === */
.header-bar[b-n78f9bzwti] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.header-bar h2[b-n78f9bzwti] {
		font-size: 1.5rem;
		font-weight: 500;
		color: #222;
		margin: 0;
	}

	.header-bar .actions[b-n78f9bzwti] {
		display: flex;
		gap: 0.5rem;
	}

/* === Buttons === */
.btn-primary[b-n78f9bzwti] {
	background-color: #c62828;
	color: #fff;
	border: none;
	padding: 0.45rem 1rem;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 500;
	font-size: 0.85rem;
	transition: background-color 0.2s ease;
}

	.btn-primary:hover[b-n78f9bzwti] {
		background-color: #a51f1f;
	}

.btn-outline[b-n78f9bzwti] {
	background-color: transparent;
	border: 1.2px solid #c62828;
	color: #c62828;
	padding: 0.45rem 1rem;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 500;
	font-size: 0.85rem;
	transition: background-color 0.2s ease;
}

	.btn-outline:hover[b-n78f9bzwti] {
		background-color: rgba(198, 40, 40, 0.1);
	}

/* === Search Bar === */
.search-bar[b-n78f9bzwti] {
	display: flex;
	align-items: center;
	position: relative;
	max-width: 260px;
}

.search-input[b-n78f9bzwti] {
	flex: 1;
	padding: 0.45rem 1rem;
	border-radius: 6px;
	border: 1.2px solid #ccc;
	font-size: 0.85rem;
	transition: border-color 0.2s ease;
}

	.search-input:focus[b-n78f9bzwti] {
		border-color: #c62828;
		outline: none;
	}

.search-bar[b-n78f9bzwti]::after {
	content: "\F52A"; /* bootstrap icon: bi-search */
	font-family: "bootstrap-icons";
	position: absolute;
	right: 0.6rem;
	color: #888;
	pointer-events: none;
	font-size: 0.85rem;
}

/* === Providers Table === */
table.styled-table[b-n78f9bzwti] {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.85rem;
	background-color: white;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.styled-table thead[b-n78f9bzwti] {
	background-color: #f7f7f7;
}

.styled-table th[b-n78f9bzwti],
.styled-table td[b-n78f9bzwti] {
	text-align: left;
	padding: 0.4rem 0.75rem;
	border: 1px solid #ddd;
}

.styled-table th[b-n78f9bzwti] {
	font-weight: 600;
	color: #222;
}

.styled-table td[b-n78f9bzwti] {
	color: #333;
}

/* Hover row effect */
.styled-table tbody tr:hover[b-n78f9bzwti] {
	background-color: #fff4f4;
	cursor: pointer;
}

/* === Pagination === */
.pagination[b-n78f9bzwti] {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	margin-top: 1rem;
	color: #444;
	font-size: 0.85rem;
}

	.pagination button[b-n78f9bzwti] {
		background: none;
		border: none;
		color: #c62828;
		cursor: pointer;
		font-size: 0.85rem;
		font-weight: 500;
	}

		.pagination button:disabled[b-n78f9bzwti] {
			color: #ccc;
			cursor: not-allowed;
		}

/* === Popup === */
.popup-overlay[b-n78f9bzwti] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.popup-content[b-n78f9bzwti] {
	background: #fff;
	border-radius: 10px;
	padding: 1.5rem;
	width: 380px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
	animation: popupFade-b-n78f9bzwti 0.2s ease;
}

	.popup-content h4[b-n78f9bzwti] {
		margin-bottom: 0.75rem;
		font-size: 1.1rem;
		font-weight: 600;
		color: #222;
	}

.popup-form-grid[b-n78f9bzwti] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.popup-form-control[b-n78f9bzwti] {
	width: 100%;
	padding: 0.45rem 0.7rem;
	border-radius: 6px;
	border: 1.2px solid #ccc;
	font-size: 0.85rem;
}

.popup-btn-bar[b-n78f9bzwti] {
	margin-top: 1rem;
	display: flex;
	justify-content: flex-end;
	gap: 0.6rem;
}

.popup-btn[b-n78f9bzwti] {
	font-size: 0.85rem;
}

@keyframes popupFade-b-n78f9bzwti {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* /Components/Pages/Company/Documents/LicenceDetailsPopup.razor.rz.scp.css */
/* ----- Licence Details Popup ----- */

.popup-overlay[b-9iynznqfet] {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	z-index: 9999; 
}


.popup-content.licence-detail-popup[b-9iynznqfet] {
	background: #fff;
	padding: 2rem;
	border-radius: 12px;
	width: 90%;
	max-width: 400px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.popup-header[b-9iynznqfet] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.popup-header h3[b-9iynznqfet] {
		margin: 0;
		font-size: 1.3rem;
		font-weight: 700;
		color: #111;
	}


.popup-body[b-9iynznqfet] {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	font-size: 0.95rem;
	color: #333;
}

.licence-number[b-9iynznqfet] {
	font-size: 1.1rem;
	font-weight: 600;
}

.licence-type[b-9iynznqfet] {
	color: #555;
	font-style: italic;
}

.licence-date[b-9iynznqfet], .licence-expiry[b-9iynznqfet] {
	color: #444;
}


/* /Components/Pages/Company/EckooSupportCard.razor.rz.scp.css */
.btn-support[b-1ojlmhr471] {
	font-size: 0.7rem;
	padding: 0.3rem 0.6rem;
	border-radius: 6px;
	font-weight: 600;
	margin-bottom: 5px;
}
/* Support Card Container */
.support-card[b-1ojlmhr471] {
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	padding: 2rem;
	margin-top: 2rem;
	width: 100%;
	max-width: 1100px;
	margin-inline: auto;
}
.main-office-box[b-1ojlmhr471] {
	font-weight: 600;
	color: #0d6efd !important;
	text-decoration: underline !important;
}
/* Header */
.support-header[b-1ojlmhr471] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem;
	margin-bottom: 1.5rem;
}

.support-left h3[b-1ojlmhr471] {
	font-size: 1.6rem;
	font-weight: 700;
	color: #c62828;  
	margin: 0;
	text-align: left;
}

.support-left p[b-1ojlmhr471] {
	margin: 0;
	color: #555;
	font-size: 0.95rem;
}

/* Branch Tabs */
.branch-tabs[b-1ojlmhr471] {
	display: flex;
	gap: 0.6rem;
	flex-wrap: wrap;
	margin-left: 6.5rem;
}

.branch-tab[b-1ojlmhr471] {
	padding: 0.45rem 1.1rem;
	border-radius: 20px;
	border: 1.5px solid #c62828;
	background: transparent;
	cursor: pointer;
	font-weight: 600;
	font-size: 0.9rem;
	color: #c62828;
	transition: all 0.2s ease-in-out;
}

	.branch-tab:hover[b-1ojlmhr471] {
		background: #FFF5F5;
	}

	.branch-tab.active[b-1ojlmhr471] {
		background: #c62828;
		color: #fff;
	}

/* Main Body */
.support-body[b-1ojlmhr471] {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: flex-start;
}

.support-left-section[b-1ojlmhr471] {
	flex: 1;
	min-width: 260px;
}

.branch-info h6[b-1ojlmhr471]{
	font-size: 1rem;
	font-weight: 800;
	margin-bottom: 2rem;
	margin-top: 1.5rem;
}

.branch-info p[b-1ojlmhr471] {
	margin: 0.3rem 0;
	font-size: 0.95rem;
}

.branch-info a[b-1ojlmhr471] {
	color: var(--ek-red);
	text-decoration: none;
}

	.branch-info a:hover[b-1ojlmhr471] {
		text-decoration: underline;
	}

/* Map Section */
.branch-map[b-1ojlmhr471] {
	flex: 1;
	min-width: 320px;
}

	.branch-map iframe[b-1ojlmhr471] {
		width: 100%;
		height: 320px;
		border-radius: 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

/* Popup General */
.popup-content[b-1ojlmhr471] {
	width: min(95%, 700px);
}

	.popup-content h4[b-1ojlmhr471] {
		font-size: 1.2rem;
		font-weight: 600;
	}

/* Table Inside Popup */
.table[b-1ojlmhr471] {
	width: 100%;
	border-collapse: collapse;
	margin-top: 0.5rem;
}

	.table th[b-1ojlmhr471],
	.table td[b-1ojlmhr471] {
		padding: 0.7rem 0.9rem;
		text-align: left;
		border-bottom: 1px solid #eee;
		font-size: 0.9rem;
	}

	.table th[b-1ojlmhr471] {
		background: #fafafa;
		font-weight: 600;
	}

	.table tr:hover[b-1ojlmhr471] {
		background-color: rgba(198, 40, 40, 0.05);
	}

.action-buttons[b-1ojlmhr471] {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
}

/* Working Hours Table */
.hours-table[b-1ojlmhr471] {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

	.hours-table td[b-1ojlmhr471] {
		padding: 0.4rem 0.6rem;
		border-bottom: 1px solid #eee;
	}

	.hours-table tr:hover[b-1ojlmhr471] {
		background: #fff5f5;
	}

/* Developer Helper */
.support-card.debug *[b-1ojlmhr471] {
	outline: 1px dashed rgba(198, 40, 40, 0.2);
}

.support-card.scrollable[b-1ojlmhr471] {
	max-height: 85vh;
	overflow-y: auto;
}

/* Responsive */
@media (max-width: 768px) {
	.support-body[b-1ojlmhr471] {
		flex-direction: column;
	}

	.branch-map iframe[b-1ojlmhr471] {
		height: 250px;
	}

	.day-row[b-1ojlmhr471] {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.4rem;
	}
}
/* /Components/Pages/Company/Forms/EmergencyContactList.razor.rz.scp.css */
/* ===== Emergency Contact Section inside Form ===== */
.emergency-list[b-s3hz7n909i] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
}

	.emergency-list h4[b-s3hz7n909i] {
		font-size: 1.1rem;
		font-weight: 700;
		color: #111;
		margin-bottom: 1.5rem;
		text-align: center;
	}

	/* Remove bullets and fix spacing */
	.emergency-list ul[b-s3hz7n909i] {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0.6rem;
	}

	/* Label + Value */
	.emergency-list li[b-s3hz7n909i] {
		font-size: 0.95rem;
		color: #222;
		line-height: 1.4;
	}

		.emergency-list li strong[b-s3hz7n909i] {
			font-weight: 600;
			color: #000;
			margin-right: 0.4rem;
		}

		/* Optional: subtle divider look */
		.emergency-list li:not(:last-child)[b-s3hz7n909i] {
			padding-bottom: 0.3rem;
			border-bottom: 1px dashed #eee;
		}

/* Responsive tweak for popup body scroll */
.form-popup-body .emergency-list[b-s3hz7n909i] {
	padding: 0 0.2rem;
}
/* /Components/Pages/Company/Forms/EmergencyContacts.razor.rz.scp.css */
.btn-primary[b-ozn21rg639],
.btn-outline-red[b-ozn21rg639] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}
/* /Components/Pages/Company/Forms/FormAddEdit.razor.rz.scp.css */
/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

h2[b-rvfvaml9ub] {
	margin: 0;
	font-size: 1.4rem;
	color: #222;
}

label[b-rvfvaml9ub] {
	font-size: 0.9rem;
	font-weight: 600;
	color: #333;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */

.form-grid[b-rvfvaml9ub] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 1.2rem;
}

.btn-bar[b-rvfvaml9ub] {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
}

/* ==========================================================================
   INPUT FIELDS
   ========================================================================== */

.input-field[b-rvfvaml9ub] {
	width: 100%;
	padding: 0.5rem 0.75rem;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 0.9rem;
}

.input-field.small[b-rvfvaml9ub] {
	width: 140px;
}

.readonly-field[b-rvfvaml9ub] {
	padding: 10px 12px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 0.8rem;
	color: #333;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: all 0.2s ease-in-out;
}

/* ==========================================================================
   QUESTIONS SECTION
   ========================================================================== */

.question-item[b-rvfvaml9ub] {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin-top: 1rem;
}

.question-row[b-rvfvaml9ub] {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

/* Admin Toggle */
.admin-toggle[b-rvfvaml9ub] {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.4rem;
	font-size: 0.85rem;
	color: #555;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

.add-question-btn[b-rvfvaml9ub] {
	margin-top: 1rem;
	padding: 0.5rem 1rem;
	background: transparent;
	border: 1.5px dashed var(--ek-red);
	border-radius: 8px;
	font-weight: 600;
	color: var(--ek-red);
	cursor: pointer;
	transition: background 0.2s ease;
}

	.add-question-btn:hover[b-rvfvaml9ub] {
		background: var(--ek-red-ghost);
	}

.remove-btn[b-rvfvaml9ub] {
	background: transparent;
	border: none;
	font-size: 1.2rem;
	color: #c62828;
	cursor: pointer;
}

/* ==========================================================================
   IMAGE UPLOAD
   ========================================================================== */

.image-upload[b-rvfvaml9ub] {
	margin-top: 0.5rem;
}

.preview-img[b-rvfvaml9ub] {
	max-width: 200px;
	margin-top: 0.5rem;
	border: 1px solid #eee;
	border-radius: 6px;
}

/* ==========================================================================
   UTILITIES
   ========================================================================== */

.flex-1[b-rvfvaml9ub] {
	flex: 1;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 600px) {
	.form-grid[b-rvfvaml9ub] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Pages/Company/Forms/FormDetails.razor.rz.scp.css */
/* ==========================================================================
   BUTTONS
   ========================================================================== */

.btn-primary[b-02jh873qkq],
.btn-outline-red[b-02jh873qkq] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

.btn-primary.small[b-02jh873qkq],
.btn-outline-red.small[b-02jh873qkq] {
	font-size: 0.7rem;
	padding: 0.2rem 0.5rem;
}

.btn-outline.small[b-02jh873qkq] {
	font-size: 0.85rem;
	padding: 0.35rem 0.6rem;
}

/* ==========================================================================
   HEADER SECTION
   ========================================================================== */

.forms-header[b-02jh873qkq] {
	display: flex;
	justify-content: space-between;																
	align-items: flex-start;
	gap: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #e5e7eb;
}

.form-title[b-02jh873qkq] {
	text-align: left;
}

	.form-title h2[b-02jh873qkq] {
		font-size: 2rem;
		margin: 0;
	}

/* Form Actions */
.form-actions[b-02jh873qkq] {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 0.6rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}

.action-btn-group[b-02jh873qkq] {
	display: flex;
	gap: 0.6rem;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */

.details-layout[b-02jh873qkq] {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 2rem;
	align-items: flex-start;
}

/* ==========================================================================
   FORM META & INFO PANELS
   ========================================================================== */

.form-meta[b-02jh873qkq] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1rem;
	padding: 1.5rem 2rem;
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
	font-size: 0.95rem;
}

	.form-meta strong[b-02jh873qkq] {
		color: #222;
	}

.form-info-panel[b-02jh873qkq] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 14px;
}

/* ==========================================================================
   ASSIGN SECTION
   ========================================================================== */

.assign-section[b-02jh873qkq] {
	margin-top: 1.2rem;
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.assign-panel[b-02jh873qkq] {
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 14px;
}

.assign-grid[b-02jh873qkq] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
}

/* Assign Block */
.assign-block[b-02jh873qkq] {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-width: 300px;
	flex: 1;
}

.assign-header[b-02jh873qkq] {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.6rem;
}

.block-title[b-02jh873qkq] {
	font-weight: 600;
	color: #222;
}

.block-meta[b-02jh873qkq] {
	font-size: 0.85rem;
	color: #777;
}

/* Assign Actions */
.assign-actions[b-02jh873qkq] {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.25rem;
}

/* Select Controls */
.popup-form-control[size][b-02jh873qkq] {
	max-height: 240px;
	overflow-y: auto;
}

/* Helper Text */
.small-help[b-02jh873qkq] {
	font-size: 0.82rem;
	color: #666;
	margin-top: 0.25rem;
}

/* ==========================================================================
   QUESTIONS SECTION
   ========================================================================== */

h4[b-02jh873qkq] {
	margin-top: 1rem;
	font-size: 1.1rem;
	font-weight: 600;
	color: #222;
}

.question-list[b-02jh873qkq] {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-top: 1rem;
	padding-left: 0;
	list-style: none;
}

/* Question Item */
.question-item[b-02jh873qkq] {
	padding: 1.2rem 1.4rem;
	background: #ffffff;
	border: 1px solid #eee;
	border-radius: 14px;
	transition: all 0.2s ease;
}

	.question-item:hover[b-02jh873qkq] {
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	}

/* Question Content */
.question-top[b-02jh873qkq] {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}

.question-number[b-02jh873qkq] {
	margin-right: 0.5rem;
	font-weight: 600;
	color: #333;
}

.question-text[b-02jh873qkq] {
	display: inline;
	font-weight: 600;
	color: #333;
}

.question-type[b-02jh873qkq] {
	margin-left: auto;
	font-size: 0.85rem;
	font-weight: 600;
	color: #c62828;
}

/* Admin Only Questions */
.admin-only[b-02jh873qkq] {
	background: var(--ek-item-bg);
	border-left: 4px solid var(--ek-red);
}

	.admin-only .question-text[b-02jh873qkq]::after {
		content: " (Admin Only)";
		margin-left: 4px;
		font-size: 0.8rem;
		font-weight: 500;
		color: #c62828;
	}

/* ==========================================================================
   EMPTY STATES
   ========================================================================== */

.empty-text[b-02jh873qkq] {
	margin-top: 1rem;
	text-align: center;
	font-size: 0.95rem;
	color: #888;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 900px) {
	.forms-header[b-02jh873qkq] {
		flex-direction: column;
		align-items: flex-start;
	}

	.details-layout[b-02jh873qkq] {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.assign-grid[b-02jh873qkq] {
		flex-direction: column;
	}

	.assign-block[b-02jh873qkq] {
		min-width: 0;
	}
}
/* /Components/Pages/Company/Forms/FormResponseFill.razor.rz.scp.css */
/* ---------- Container ---------- */
.form-popup[b-89w6twddre] {
	background: #fff;
	border-radius: 12px;
	padding: 2rem;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
	max-width: 650px;
	margin: 2rem auto;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

/* ---------- Header ---------- */
.form-popup-header[b-89w6twddre] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}
.form-popup-header h3[b-89w6twddre] {
	font-size: 1.5rem;
	font-weight: 600;
/*	color: #c62828;*/
	margin: 0;
}
.admin-badge[b-89w6twddre] {
	background: #f3f3f3;
	border-radius: 8px;
	padding: 0.3rem 0.7rem;
	font-size: 0.85rem;
	color: #555;
	font-weight: 500;
}

/* ---------- Questions ---------- */
.form-questions[b-89w6twddre] {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}
.form-question[b-89w6twddre] {
	background: var(--layout-bg-color);
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 1rem 1.2rem;
	transition: all 0.15s ease-in-out;
}
	.form-question:hover[b-89w6twddre] {
		border-color: var(--ek-border-color);
		box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.08);
	}
.form-question label[b-89w6twddre] {
	display: block;
	font-weight: 600;
	color: #2e2e2e;
	margin-bottom: 0.5rem;
	font-size: 0.95rem;
}

/* ---------- Readonly (Admin sees staff answers) ---------- */
.readonly-answer[b-89w6twddre] {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0.6rem 0.9rem;
	color: #555;
	font-size: 0.95rem;
}


/* ---------- Admin-only Highlight ---------- */
.admin-only[b-89w6twddre] {
	background: var(--ek-item-bg);
	border-left: 5px solid var(--ek-red);
}
.form-questions .info-label[b-89w6twddre] {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 1rem 0 0.4rem 0 !important;
	font-weight: 700 !important;
	font-size: 1.2rem !important;
	color: #111 !important;
}



.input-field[b-89w6twddre], .select-field[b-89w6twddre], .textarea-field[b-89w6twddre] {
	width: 100%;
	padding: 0.45rem 0.6rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 0.95rem;
}

/* ---------- Signature Step ---------- */
.signature-step[b-89w6twddre] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: var(--layout-bg-color);
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 1.2rem;
}

	.signature-step label[b-89w6twddre] {
		display: block;
		font-weight: 600;
		font-size: 0.95rem;
		color: #2e2e2e;
		margin-bottom: 0.4rem;
	}

	.signature-step input[b-89w6twddre] {
		width: 100%;
		padding: 0.6rem 0.8rem;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 0.95rem;
	}


/* ---------- Footer Buttons ---------- */
.form-popup-footer[b-89w6twddre] {
	display: flex;
	justify-content: flex-end;
	gap: 0.8rem;
	margin-top: 1rem;
}

/* ---------- Step Indicator ---------- */
.step-indicator[b-89w6twddre] {
	text-align: center;
	font-size: 0.85rem;
	color: #888;
	margin-top: 0.8rem;
}

/* ---------- Scroll Area ---------- */
.form-popup-body[b-89w6twddre] {
	max-height: 70vh;
	overflow-y: auto;
	padding-right: 0.5rem;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.form-popup[b-89w6twddre] {
		padding: 1.5rem;
		margin: 1rem;
	}
	.signature-step[b-89w6twddre] {
		grid-template-columns: 1fr;
	}
	.form-popup-footer[b-89w6twddre] {
		flex-direction: column;
		align-items: stretch;
	}
	.form-popup-footer button[b-89w6twddre] {
		width: 100%;
	}
}
/* /Components/Pages/Company/Forms/StaffFormDetail.razor.rz.scp.css */
/* ---------- Container ---------- */
.form-popup[b-f4q7c30tvh] {
    background: #fff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
    max-width: 650px;
    height: 90%;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

/* ---------- Header ---------- */
.form-popup-header[b-f4q7c30tvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.admin-badge[b-f4q7c30tvh] {
    background: #f3f3f3;
    border-radius: 8px;
    padding: 0.3rem 0.7rem;
    font-size: 0.85rem;
    color: #555;
    font-weight: 500;
}

/* ---------- Questions ---------- */
.form-questions[b-f4q7c30tvh] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.form-question[b-f4q7c30tvh] {
    background: var(--layout-bg-color);
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    padding: 1rem 1.2rem;
    transition: all 0.15s ease-in-out;
}

    .form-question:hover[b-f4q7c30tvh] {
        border-color: var(--ek-border-color);
        box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.08);
    }

    .form-question label[b-f4q7c30tvh] {
        display: block;
        font-weight: 600;
        color: #2e2e2e;
        margin-bottom: 0.5rem;
        font-size: 0.95rem;
    }

/* ---------- Readonly (Admin sees staff answers) ---------- */
/*.readonly-answer {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    color: #555;
    font-size: 0.95rem;
}*/


/* ---------- Admin-only Highlight ---------- */
.admin-only[b-f4q7c30tvh] {
    background: var(--ek-item-bg);
    border-left: 5px solid var(--ek-red);
}

.form-questions .info-label[b-f4q7c30tvh] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 1rem 0 0.4rem 0 !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    color: #111 !important;
}



.input-field[b-f4q7c30tvh], .select-field[b-f4q7c30tvh], .textarea-field[b-f4q7c30tvh] {
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.95rem;
    
}

/* ---------- Signature Step ---------- */
/*.signature-step {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #fafafa;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    padding: 1.2rem;
}

    .signature-step label {
        display: block;
        font-weight: 600;
        font-size: 0.95rem;
        color: #2e2e2e;
        margin-bottom: 0.4rem;
    }

    .signature-step input {
        width: 100%;
        padding: 0.6rem 0.8rem;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 0.95rem;
    }*/


/* ---------- Footer Buttons ---------- */
.form-popup-footer[b-f4q7c30tvh] {
    display: flex;
    justify-content: flex-end;
    gap: 0.8rem;
    margin-top: 1rem;
}

/* ---------- Step Indicator ---------- */
.step-indicator[b-f4q7c30tvh] {
    text-align: center;
    font-size: 0.85rem;
    color: #888;
    margin-top: 0.8rem;
}

/* ---------- Scroll Area ---------- */
.form-popup-body[b-f4q7c30tvh] {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 0.5rem;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
    .form-popup[b-f4q7c30tvh] {
        padding: 1.5rem;
        margin: 1rem;
    }

    .signature-step[b-f4q7c30tvh] {
        grid-template-columns: 1fr;
    }

    .form-popup-footer[b-f4q7c30tvh] {
        flex-direction: column;
        align-items: stretch;
    }

        .form-popup-footer button[b-f4q7c30tvh] {
            width: 100%;
        }
}
/* /Components/Pages/Company/Secrets/SecretDetailPopup.razor.rz.scp.css */
.secret-btn[b-jokr1cjn44] {
	margin-left: 0.75rem;
	font-size: 0.8rem;
	padding: 0.2rem 0.6rem;
}

/* /Components/Pages/Company/Secrets/SecretList.razor.rz.scp.css */
.secret-page[b-cm6cfk5ylg] {
	background: #fff;
	border-radius: 18px;
	padding: 2rem 2.5rem;
	width: min(95%, 640px);
	margin: 0 auto;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.btn-primary[b-cm6cfk5ylg],
.btn-outline-red[b-cm6cfk5ylg] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}
/* ===== Header ===== */
.secret-header[b-cm6cfk5ylg] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.secret-actions[b-cm6cfk5ylg] {
	display: flex;
	gap: 0.6rem; 
}

.btn-add[b-cm6cfk5ylg] {
	background-color: #c62828;
	color: #fff;
	border: none;
	padding: 0.45rem 1rem;
	border-radius: 8px;
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

	.btn-add:hover[b-cm6cfk5ylg] {
		background-color: #a91e1e;
	}


.secret-right[b-cm6cfk5ylg] {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}

.btn-icon[b-cm6cfk5ylg] {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	font-size: 1.1rem;
	color: #555;
	transition: 0.15s;
}

	.btn-icon:hover[b-cm6cfk5ylg] {
		color: #d33;
	}

/* ===== Search ===== */
.search-section[b-cm6cfk5ylg] {
	margin-top: 0.8rem;
}

	.search-section label[b-cm6cfk5ylg] {
		font-weight: 600;
		font-size: 0.9rem;
	}

.search-box[b-cm6cfk5ylg] {
	display: flex;
	align-items: center;
	border: 1.4px solid #ddd;
	border-radius: 8px;
	margin-top: 0.4rem;
	padding: 0.35rem 0.75rem;
}

	.search-box input[b-cm6cfk5ylg] {
		flex: 1;
		border: none;
		outline: none;
		padding: 0.4rem;
		font-size: 0.95rem;
	}

	.search-box i[b-cm6cfk5ylg] {
		font-size: 1rem;
		color: #777;
	}

/* ===== Secret List ===== */
.secret-list[b-cm6cfk5ylg] {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-top: 1rem;
}

.secret-row[b-cm6cfk5ylg] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0.6rem 1rem;
	background: var(--ek-item-bg);
	transition: all 0.2s ease;
}

	.secret-row:hover[b-cm6cfk5ylg] {
		background: var(--ek-table-hover-bg);
		transform: translateY(-2px);
	}

.secret-name[b-cm6cfk5ylg] {
	flex: 1;
	text-align: center;
	font-weight: 600;
	font-size: 1rem;
	color: #111;
	cursor: pointer;
}

/* ===== Logs Button ===== */
.btn-logs[b-cm6cfk5ylg] {
	background-color: #c62828;
	border: none;
	color: #fff;
	border-radius: 6px;
	padding: 0.4rem 0.9rem;
	font-size: 0.85rem;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

	.btn-logs:hover[b-cm6cfk5ylg] {
		background-color: #a91e1e;
	}

/* ===== Pagination ===== */
/*.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	margin-top: 1.2rem;
}

	.pagination button {
		background: transparent;
		border: none;
		color: #444;
		cursor: pointer;
		font-size: 0.9rem;
	}

		.pagination button:disabled {
			opacity: 0.5;
			cursor: default;
		}*/

/* ===== Empty Text ===== */
.empty-text[b-cm6cfk5ylg] {
	text-align: center;
	color: #777;
	font-size: 0.95rem;
	margin-top: 1rem;
}

/* ===== Responsive (모바일 최적화) ===== */
@media (max-width: 480px) {
	.secret-page[b-cm6cfk5ylg] {
		padding: 1.2rem;
		width: 95%;
	}

	.secret-header h2[b-cm6cfk5ylg] {
		font-size: 1.2rem;
	}

	.secret-row[b-cm6cfk5ylg] {
		padding: 0.5rem 0.7rem;
	}

	.secret-name[b-cm6cfk5ylg] {
		font-size: 0.9rem;
	}
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* ===== Wrapper ===== */
.dashboard-wrapper[b-hqxm6yot87] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 48px;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .dashboard-wrapper[b-hqxm6yot87] {
        padding: 24px 20px;
        gap: 24px;
    }
}


/* ===== Card Base ===== */
.card[b-hqxm6yot87] {
    background: #fff;
    border-radius: 16px;
    padding: 22px 28px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    width: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .card:hover[b-hqxm6yot87] {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
    }
.card-title-row[b-hqxm6yot87] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.go-to-link[b-hqxm6yot87] {
    cursor: pointer;
    
    font-weight: 600;
}

    .go-to-link:hover[b-hqxm6yot87] {
        text-decoration: underline;
    }


/* ===== TODAY'S SHIFT CARD ===== */
.next-shift[b-hqxm6yot87] {
    background: #fff;
    border-left: 5px solid var(--ek-red);
    text-align: center;
    padding: 28px 24px;
}

    .next-shift h5[b-hqxm6yot87] {
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--ek-red);
        margin-bottom: 12px;
    }
    .next-shift h7[b-hqxm6yot87] {
        font-size: 0.8rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

.shift-item[b-hqxm6yot87] {
    margin-bottom: 18px;
    
}

.shift-date[b-hqxm6yot87] {
    font-size: 1rem;
    font-weight: 700 !important;
    margin-bottom: 2rem;
}

.shift-button[b-hqxm6yot87] {
    background: var(--ek-bg-color);
    padding: 12px 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.15s ease;
}

    .shift-button:hover[b-hqxm6yot87] {
        background: var(--ek-table-hover-bg);
    }

.shift-time[b-hqxm6yot87] {
    font-weight: 700 !important;
    font-size: 1rem;
    color: #222;
    margin-bottom: 6px;
}

.shift-desc[b-hqxm6yot87] {
    font-size: 0.9rem;
    color: #555;
    font-weight: 600 !important;
}


.shift-item:last-child[b-hqxm6yot87] {
    margin-bottom: 0;
}

/* News */
.news-carousel[b-hqxm6yot87] {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow: visible;
    padding: 0 10px;
}

.news-track[b-hqxm6yot87] {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .news-track[b-hqxm6yot87]::-webkit-scrollbar {
        display: none;
    }

/* Single Card */
.news-card.item[b-hqxm6yot87] {
    flex: 0 0 100%;
    max-width: 100%;
    background: #fff;
    border-left: 6px solid var(--ek-red);
    border-radius: 14px;
    padding: 28px 30px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
/*    box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
}

    .news-card.item h5[b-hqxm6yot87] {
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--ek-red);
        margin-bottom: 12px;
    }

    .news-card.item p[b-hqxm6yot87] {
        font-size: 1rem;
        line-height: 1.6;
        color: #444;
        margin-top: 8px;
    }
    .news-card.item h7[b-hqxm6yot87] {
        font-size: 0.8rem;
        font-weight: 700;
        /*    color: var(--ek-red-dark);*/
        margin-bottom: 10px;
    }
/* Nav Menu*/
.news-nav[b-hqxm6yot87] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    color: var(--ek-red);
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 2;
}

    .news-nav:hover[b-hqxm6yot87] {
        background: #fff1f1;
    }

    .news-nav.prev[b-hqxm6yot87] {
        left: -52px;
    }

    .news-nav.next[b-hqxm6yot87] {
        right: -52px;
    }

@media (max-width: 600px) {
    .news-nav[b-hqxm6yot87] {
        width: 36px;
        height: 36px;
    }

        .news-nav.prev[b-hqxm6yot87] {
            left: -36px;
        }

        .news-nav.next[b-hqxm6yot87] {
            right: -36px;
        }
}


/* ===== GRID 2 ===== */
.grid-2[b-hqxm6yot87] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 24px;
}
.full-width-card[b-hqxm6yot87] {
    grid-column: 1 / -1;
    width: 100%;
}

/* Company section container */
.company-card h6[b-hqxm6yot87] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ek-red);
    margin-bottom: 14px;
}

.company-card h7[b-hqxm6yot87] {
    font-size: 0.8rem;
    font-weight: 700;
/*    color: var(--ek-red-dark);*/
    margin-bottom: 10px;
}

/* No data text */
.empty-text[b-hqxm6yot87] {
    font-size: 0.95rem;
    color: #999;
    margin-top: 4px;
    margin-bottom: 10px;
}

/* Each licence/insurance item */
.company-item[b-hqxm6yot87] {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 10px;
    transition: background 0.2s ease;
}

    .company-item:hover[b-hqxm6yot87] {
        background: #fff3f3;
    }

/* Title row */
.company-item-top[b-hqxm6yot87] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Item Title */
.company-item-title[b-hqxm6yot87] {
    font-size: 1rem;
    font-weight: 700 !important;
    color: #333;
}

/*set as red color*/
.renewal-alert[b-hqxm6yot87] {
    margin-left: 6px;
    color: #c62828;
    font-size: 0.85rem;
    font-weight: 700 !important;
}

/* LicenceType / PolicyNumber */
.company-item-type[b-hqxm6yot87] {
    font-size: 0.85rem;
    color: #777;
}
/*set as red color*/
/* Expiry Date */
.company-item-expiry[b-hqxm6yot87] {
    font-size: 0.9rem;
    font-weight: 600 !important;
    color: #c62828;                       
    margin-top: 4px;
}


/* /Components/Pages/Help.razor.rz.scp.css */
.help-wrapper[b-zdm9vvkxex] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    padding: 1rem;
}

.help-card[b-zdm9vvkxex] {
    width: min(480px, 90%);
    background: linear-gradient(135deg, #f8faff 0%, #eef3ff 100%);
    border-radius: 18px;
    padding: 2.2rem 2rem;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
    text-align: center;
    animation: fadeIn 0.4s ease;
}

.help-icon[b-zdm9vvkxex] {
    width: 70px;
    height: 70px;
    margin: 0 auto 1rem;
    color: var(--ek-red);
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.help-title[b-zdm9vvkxex] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 0.5rem;
}

.help-text[b-zdm9vvkxex] {
    font-size: 1rem;
    color: #555;
    margin-bottom: 1.2rem;
}

.help-list[b-zdm9vvkxex] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.7rem 0;
    text-align: left;
    display: inline-block;
}

    .help-list li[b-zdm9vvkxex] {
        font-size: 1rem;
        margin: 6px 0;
        color: #333;
    }

    .help-list a[b-zdm9vvkxex] {
        color: var(--ek-red);
        text-decoration: none;
        font-weight: 600;
    }

        .help-list a:hover[b-zdm9vvkxex] {
            text-decoration: underline;
        }

/* /Components/Pages/Shift/Leave.razor.rz.scp.css */

.btn-primary[b-mrrvd2v2wg],
.btn-outline-red[b-mrrvd2v2wg] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}
.leave-filter[b-mrrvd2v2wg] {
	display: flex;
	align-items: flex-end;
	gap: 1.2rem;
	flex-wrap: wrap;
}

.filter-group[b-mrrvd2v2wg] {
	display: inline-flex;
	flex-direction: column;
	gap: 0.3rem;
}

	.filter-group label[b-mrrvd2v2wg] {
		font-weight: 600;
		font-size: 0.9rem;
		color: #333;
		margin-bottom: 0.25rem;
	}
.filter-actions[b-mrrvd2v2wg] {
	display: flex;
	gap: 0.8rem;
	align-items: flex-end;
}
/* /Components/Pages/Shift/Shift.razor.rz.scp.css */
.calendar-wrapper[b-lf45gx0cuz] {
	min-height: 100svh;
	padding: clamp(20px, 3vh, 40px);
	padding-top: calc(clamp(20px, 3vh, 40px) + env(safe-area-inset-top, 0px));
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

	.calendar-wrapper .cal-shell[b-lf45gx0cuz] {
		background: #fff;
		border-radius: 14px;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
		padding: 20px clamp(14px, 2.5vw, 22px);
		width: min(950px, 95vw);
	}

	/* ===== Title Bar ===== */
	.calendar-wrapper .cal-titlebar[b-lf45gx0cuz] {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 12px;
		padding-bottom: 8px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

		.calendar-wrapper .cal-titlebar h2[b-lf45gx0cuz] {
			margin: 0;
			font-size: clamp(1.2rem, 1rem + 0.8vw, 1.6rem);
			color: #222;
		}

		.calendar-wrapper .cal-titlebar .btn.btn-primary[b-lf45gx0cuz] {
			padding: 8px 14px;
			border-radius: 8px;
			box-shadow: 0 1px 6px rgba(198, 40, 40, 0.25);
		}

			.calendar-wrapper .cal-titlebar .btn.btn-primary:hover[b-lf45gx0cuz] {
				transform: translateY(-1px);
			}

	/* ===== Toolbar ===== */
	.calendar-wrapper .cal-toolbar[b-lf45gx0cuz] {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px 12px;
		margin: 12px 0 16px;
		flex-wrap: wrap;
	}

		.calendar-wrapper .cal-toolbar .left[b-lf45gx0cuz] {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px 12px;
			flex-wrap: wrap;
			width: 100%;
		}

	/* ===== Date Picker (InputDate) ===== */
	.calendar-wrapper .goto-input[b-lf45gx0cuz] {
		padding: 6px 10px;
		border-radius: 8px;
		border: 2px solid var(--ek-red);
		background: rgba(198, 40, 40, 0.06);
		min-width: 150px;
		font-size: 0.9rem;
	}

		.calendar-wrapper .goto-input:focus[b-lf45gx0cuz] {
			outline: none;
			background: #fff;
			box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.18);
		}

	/* Buttons */
	.calendar-wrapper .btn-outline-red[b-lf45gx0cuz] {
		padding: 6px 12px;
		border: 2px solid var(--ek-red);
		background: white;
		color: var(--ek-red);
		border-radius: 8px;
		cursor: pointer;
		font-size: 0.85rem;
	}

		.calendar-wrapper .btn-outline-red:hover[b-lf45gx0cuz] {
			background: #fff5f5;
		}

	/* ===== Month Section ===== */
	.calendar-wrapper .month-group[b-lf45gx0cuz] {
		margin: 14px 0 22px;
	}

	.calendar-wrapper .month-head[b-lf45gx0cuz] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 10px;
		margin: 8px 0;
	}

		.calendar-wrapper .month-head h3[b-lf45gx0cuz] {
			margin: 0;
			color: #333;
			font-size: 1rem;
		}

		.calendar-wrapper .month-head .rule[b-lf45gx0cuz] {
			height: 1.5px;
			background: rgba(0, 0, 0, 0.12);
			border-radius: 2px;
		}

		.calendar-wrapper .month-head .month-toggle[b-lf45gx0cuz] {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			border: 0;
			background: #fff;
			box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
			color: var(--ek-red);
			display: grid;
			place-items: center;
			cursor: pointer;
		}

			.calendar-wrapper .month-head .month-toggle:hover[b-lf45gx0cuz] {
				background: #fff5f5;
			}

	/* ===== Event Rows ===== */
	.calendar-wrapper .event-row[b-lf45gx0cuz] {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 12px;
		padding: 10px 6px;
		margin: 10px 0;
		border-radius: 10px;
		transition: all 0.15s ease;
		cursor: pointer;
	}

		.calendar-wrapper .event-row + .event-row[b-lf45gx0cuz] {
			border-top: 1px dashed rgba(0, 0, 0, 0.06);
			padding-top: 12px;
			margin-top: 12px;
		}

		.calendar-wrapper .event-row:hover[b-lf45gx0cuz] {
			background: #fff8f8;
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
			transform: translateY(-1px);
		}

	/* ===== Event Pills ===== */
	.calendar-wrapper .pill[b-lf45gx0cuz] {
		width: 120px;
		min-height: 70px;
		border-radius: 10px;
		padding: 8px 10px;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.calendar-wrapper .pill-start[b-lf45gx0cuz] {
		background: var(--ek-red);
	}

	.calendar-wrapper .pill-end[b-lf45gx0cuz] {
		background: #111;
	}

	.calendar-wrapper .pill .d[b-lf45gx0cuz],
	.calendar-wrapper .pill .t[b-lf45gx0cuz] {
		font-size: 0.9rem;
	}

	.calendar-wrapper .dayoff-text[b-lf45gx0cuz] {
		color: #fff;
		font-weight: 600;
	}

	/* ===== Event Middle ===== */
	.calendar-wrapper .middle[b-lf45gx0cuz] {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
	}

		.calendar-wrapper .middle .meta[b-lf45gx0cuz] {
			color: #888;
			font-size: 0.78rem;
			text-align: right;
		}

		.calendar-wrapper .middle .title[b-lf45gx0cuz] {
			font-size: 1.1rem;
			color: #222;
/*			line-height: 1.25;*/
			font-weight: 600;
		}

		.calendar-wrapper .middle .staff[b-lf45gx0cuz] {
			color: #333;
			font-size: 0.82rem;
			font-weight: 600;
		}

	/* ===== Empty State ===== */
	.calendar-wrapper .no-events-big[b-lf45gx0cuz] {
		text-align: center;
		color: #555;
		padding: 28px 0 20px;
		font-style: italic;
		font-size: 0.95rem;
	}

/* ===== Responsive ===== */
@media (max-width: 860px) {
	.calendar-wrapper .month-head[b-lf45gx0cuz] {
		position: sticky;
		top: 0;
		z-index: 2;
		background: #fff;
		padding-block: 4px;
	}

	.calendar-wrapper .event-row[b-lf45gx0cuz] {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 12px;
		border: 1px solid rgba(0, 0, 0, 0.06);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	}

	.calendar-wrapper .pill[b-lf45gx0cuz] {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		padding: 10px 12px;
	}

	.calendar-wrapper .middle .title[b-lf45gx0cuz] {
		font-size: 1rem;
	}

	.calendar-wrapper .middle .staff[b-lf45gx0cuz] {
		font-size: 0.85rem;
	}
}

@media (max-width: 600px) {
	.calendar-wrapper .cal-titlebar[b-lf45gx0cuz] {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.calendar-wrapper .goto-input[b-lf45gx0cuz] {
		width: 100%;
	}
}
/* /Components/Pages/Supplier/AddEditSupplier.razor.rz.scp.css */
.btn-primary[b-e5htanasfn],
.btn-outline-red[b-e5htanasfn] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

.form-grid[b-e5htanasfn] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 1.2rem;
	row-gap: 0.4rem;
	margin-bottom: 1rem;
}

.form-group[b-e5htanasfn] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 0;
}

	.form-group label[b-e5htanasfn] {
		font-size: 0.88rem;
		font-weight: 600;
	}

.form-input[b-e5htanasfn] {
	height: 32px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}


.table-actions[b-e5htanasfn] {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0.5rem;
}


.action-buttons[b-e5htanasfn] {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	gap: 2rem;
}
/* /Components/Pages/Supplier/SupplierDetail.razor.rz.scp.css */
.btn-primary[b-2tnw0j35uu],
.btn-outline-red[b-2tnw0j35uu] {
	font-size: 0.8rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
	margin-bottom: 10px;
}

.btn-gap-left[b-2tnw0j35uu] {
	margin-left: 0.3rem;
}

.client-subinfo[b-2tnw0j35uu] {
	font-size: 20px;
	color: #666;
	font-weight: 600;
}

.client-subtype[b-2tnw0j35uu] {
	font-size: 18px;
	color: #999;
	margin-top: 2px;
	font-weight: 600;
}

.contact-details-box[b-2tnw0j35uu] {
	margin-top: 12px;
}

	.contact-details-box h3[b-2tnw0j35uu] {
		margin-bottom: 6px;
		font-size: 18px;
		font-weight: 600 !important;
	}

.contact-details-list div[b-2tnw0j35uu] {
	display: flex;
	margin-bottom: 6px;
	font-weight: 600 !important;
}

.contact-details-list i[b-2tnw0j35uu] {
	margin-right: 8px;
	font-weight: 600 !important;
}

.last-updated[b-2tnw0j35uu] {
	font-size: 12px;
	margin-top: 4px;
	color: #777;
}

.section[b-2tnw0j35uu] {
	margin-top: 40px;
}

.section-header[b-2tnw0j35uu] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.client-detail a[b-2tnw0j35uu],
.contact-details-list a[b-2tnw0j35uu] {
	margin-left: 5px;
}


.secret-section-box[b-2tnw0j35uu] {
	margin-top: 2rem;
}

.secret-search[b-2tnw0j35uu] {
	padding: 6px 10px;
	border-radius: 6px;
	border: 1px solid #dadada;
	width: 180px;
	margin-right: 10px;
}

.secret-list-modern[b-2tnw0j35uu] {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 columns */
	gap: 0.8rem;
}

.secret-item[b-2tnw0j35uu] {
	padding: 14px 16px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	background: white;
	cursor: pointer;
	transition: 0.15s;
}

	.secret-item:hover[b-2tnw0j35uu] {
		background: #fafafa;
		border-color: #dcdcdc;
	}

.secret-left[b-2tnw0j35uu] {
	display: flex;
	flex-direction: column;
}

.secret-title[b-2tnw0j35uu] {
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: 4px;
}

.secret-meta[b-2tnw0j35uu] {
	font-size: 0.85rem;
	color: #666;
	display: flex;
	gap: 6px;
}

	.secret-meta .dot[b-2tnw0j35uu] {
		color: #bbb;
	}

.secret-right[b-2tnw0j35uu] {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}

.btn-icon[b-2tnw0j35uu] {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	font-size: 1.1rem;
	color: #555;
	transition: 0.15s;
}

	.btn-icon:hover[b-2tnw0j35uu] {
		color: #d33;
	}


.secret-slide-container[b-2tnw0j35uu] {
	max-height: none !important;
	opacity: 1 !important;
	overflow: visible !important;
	transition: none !important;
}

.badge[b-2tnw0j35uu] {
	padding: 2px 6px;
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 600;
	display: inline-block;
}

.badge-public[b-2tnw0j35uu] {
	background-color: #2e7d32;
	color: white;
}

.badge-private[b-2tnw0j35uu] {
	background-color: #b71c1c;
	color: white;
}
/* /Components/Pages/Supplier/Suppliers.razor.rz.scp.css */
.btn-primary[b-w5kxzblr62],
.btn-outline-red[b-w5kxzblr62] {
	font-size: 0.85rem;
	padding: 0.4rem 1rem;
	border-radius: 6px;
	font-weight: 600;
}

.left-group[b-w5kxzblr62] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top: 1rem;
}

.right-toggle[b-w5kxzblr62] {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

	.right-toggle label[b-w5kxzblr62] {
		white-space: nowrap;
	}

/* /Components/Pages/Todo/TodoDailyTask.razor.rz.scp.css */
.todo-daily-task[b-brye40fqt1] {
	padding: 16px;
}

.task-header[b-brye40fqt1] {
	margin-bottom: 12px;
}

.task-subtitle[b-brye40fqt1] {
	font-size: 12px;
	color: #777;
}

.task-row[b-brye40fqt1] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 8px;
}

	.task-row:hover[b-brye40fqt1] {
		background: #f5f6f8;
	}

.task-title[b-brye40fqt1] {
	font-weight: 500;
}

.task-meta[b-brye40fqt1] {
	font-size: 12px;
	color: #666;
}

.badge.new[b-brye40fqt1] {
	background: #eef3ff;
	color: #4f7cff;
	padding: 2px 6px;
	border-radius: 6px;
	margin-left: 6px;
}
/* /Components/Shared/Home.razor.rz.scp.css */
.home-layout[b-p9hg00cz3m] {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	gap: 3vw; 
	overflow: hidden;
	flex-wrap: wrap;
	padding: 0 2vw; 
	transition: all 0.3s ease;
}

/* ===== Left Section ===== */
.solution-section[b-p9hg00cz3m] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2.4rem; 
	min-width: 180px;
}

.solution-item[b-p9hg00cz3m] {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	color: var(--ek-red);
	font-weight: 900;
	position: relative;
	font-size: 0.9rem; 
	transition: all 0.3s ease;
}

.circle-icon[b-p9hg00cz3m] {
	width: 8.5vw; 
	height: 8.5vw;
	max-width: 110px;
	max-height: 110px;
	border-radius: 50%;
	border: 3px solid var(--ek-red); 
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-size: 3.2vw; 
	min-width: 60px;
	min-height: 60px;
}

.solution-item[b-p9hg00cz3m]::after {
	content: "";
	position: absolute;
	right: -3vw;
	top: 50%;
	width: 3vw; 
	border-top: 3px dotted var(--ek-red);
}

/* ===== Center Rings ===== */
.center-stack[b-p9hg00cz3m] {
	position: relative;
	width: 22vw;
	height: 22vw;
	min-width: 200px;
	min-height: 200px;
	max-width: 360px;
	max-height: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	
}

.half-ring[b-p9hg00cz3m] {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	clip-path: inset(0 0 0 50%);
}

/* Fallback first, then color-mix for darker shade (if supported) */
.ring-dark[b-p9hg00cz3m] {
/*	background-color: var(--ek-red-dark);*/
	background-color: color-mix(in srgb, var(--ek-red) 35%, black);
	transform: scale(1);
	z-index: 1;
}

.ring-red[b-p9hg00cz3m] {
	background-color: var(--ek-red-dark);
	transform: scale(0.9);
	z-index: 2;
}

.ring-lightred[b-p9hg00cz3m] {
	background-color: var(--ek-red);
	transform: scale(0.8);
	z-index: 3;
}

.circle-white[b-p9hg00cz3m] {
	position: relative;
	width: 58%; 
	height: 58%;
	border-radius: 50%;
	background-color: white;
	position: relative;
	z-index: 4;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
	transition: all 0.3s ease;
}

	.circle-white .circle-logo[b-p9hg00cz3m] {
		width: 100%;
		height: 100%;
		min-width: 140px;
		min-height: 140px;
		max-width: 220px;
		max-height: 220px;
		border-radius: 50%;
		background: white;
		border: 6px solid white;
		color: var(--ek-red);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 6vw;
		font-weight: 700;
		box-shadow: 0 0 12px rgba(0,0,0,0.07);
		transition: all 0.3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
		.circle-white .circle-logo img[b-p9hg00cz3m] {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 50%;
			display: block;
			object-fit: contain !important;
		}



/* Optional: slightly smaller on mobile */
@media (max-width: 700px) {
	.circle-white .circle-logo img[b-p9hg00cz3m] {
		height: 100%;
	}
}

/* ===== Middle Divider ===== */
.divider-line[b-p9hg00cz3m] {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 110%; 
	width: 0.5vw;
	min-width: 3px;
	background-color: var(--ek-red);
	z-index: 0;
	opacity: 0.5;
}

/* ===== Right Section (Arrow + Logo) ===== */
.arrow-logo-section[b-p9hg00cz3m] {
	display: flex;
	align-items: center;
	gap: 2vw; 
	min-width: 180px;
	transition: all 0.3s ease;
}

.arrow-between[b-p9hg00cz3m] {
	font-size: 4vw; 
	min-font-size: 32px;
	font-weight: bold;
	color: var(--ek-red);
	transform: translateY(-5px);
	transition: all 0.3s ease;
}

.eckoo-logo[b-p9hg00cz3m] {
	width: 16vw; 
	height: 16vw;
	min-width: 140px;
	min-height: 140px;
	max-width: 220px;
	max-height: 220px;
	border-radius: 50%;
	background: white;
	border: 6px solid white; 
	color: var(--ek-red);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 6vw; 
	font-weight: 700;
	box-shadow: 0 0 12px rgba(0,0,0,0.07);
	transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.circle-logo img[b-p9hg00cz3m],
	.eckoo-logo img[b-p9hg00cz3m] {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
		display: block;
	}

@media (max-width: 700px) {
    .eckoo-logo img[b-p9hg00cz3m] {
        height: 60px;
    }
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
	.home-layout[b-p9hg00cz3m] {
		flex-direction: column;
		gap: 2.5rem;
		padding: 1.5rem 0;
	}

	.solution-section[b-p9hg00cz3m] {
		flex-direction: row;
		justify-content: center;
		gap: 1.2rem;
	}

	.solution-item[b-p9hg00cz3m]::after {
		display: none;
	}

	.center-stack[b-p9hg00cz3m] {
		width: 32vw;
		height: 32vw;
	}

	.arrow-logo-section[b-p9hg00cz3m] {
		flex-direction: column;
		gap: 0.8rem;
	}
}

@media (max-width: 600px) {
	.home-layout[b-p9hg00cz3m] {
		flex-direction: column;
		gap: 1.8rem;
		text-align: center;
	}

	.solution-section[b-p9hg00cz3m] {
		flex-direction: column;
		gap: 1.8rem;
	}

	.center-stack[b-p9hg00cz3m] {
		width: 45vw;
		height: 45vw;
	}

	.circle-white[b-p9hg00cz3m] {
		width: 65%;
		height: 65%;
	}

	.arrow-between[b-p9hg00cz3m] {
		font-size: 9vw;
	}

	.eckoo-logo[b-p9hg00cz3m] {
		width: 22vw;
		height: 22vw;
	}

	.circle-logo[b-p9hg00cz3m] {
		width: 22vw;
		height: 22vw;
	}
}
.arrow-between[b-p9hg00cz3m] {
	display: flex;
	flex-direction: column; 
	align-items: center;
	justify-content: center;
	font-size: 5rem; 
	line-height: 0.4; 
	color: var(--ek-red);
	font-weight: 900;
}

.arrow-left[b-p9hg00cz3m] {
	animation: moveLeft-b-p9hg00cz3m 2.4s ease-in-out infinite;
}

.arrow-right[b-p9hg00cz3m] {
	animation: moveRight-b-p9hg00cz3m 2.4s ease-in-out infinite;
}

@keyframes moveLeft-b-p9hg00cz3m {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-6px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes moveRight-b-p9hg00cz3m {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(6px);
	}

	100% {
		transform: translateX(0);
	}
}