/* _content/JobTrackerProWeb/Components/ContactCard.razor.rz.scp.css */
.contact-card[b-k4rncxgw8m] {
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	overflow: hidden;
	margin-bottom: 16px;
}

.contact-card-header[b-k4rncxgw8m] {
	background: #1e3a5f;
	color: white;
	font-weight: 600;
	padding: 10px 14px;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.contact-card-body[b-k4rncxgw8m] {
	padding: 10px;
	font-size: 14px;
}

.contact-grid[b-k4rncxgw8m] {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 8px 12px;
	align-items: start;
}

.contact-label[b-k4rncxgw8m] {
	font-weight: 600;
	color: #333;
	text-align: right;
	padding-top: 6px;
	white-space: nowrap;
}

.contact-value[b-k4rncxgw8m] {
	min-width: 0;
	width: 100%;
}

.contact-input[b-k4rncxgw8m],
.contact-textarea[b-k4rncxgw8m] {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	color: #222;
	font: inherit;
	padding: 6px 8px;
}

.contact-input[b-k4rncxgw8m] {
	height: 34px;
	min-width: 0;
}

.contact-textarea[b-k4rncxgw8m] {
	min-height: 115px;
	resize: vertical;
	scroll-behavior:auto;
}

.contact-textarea-small[b-k4rncxgw8m] {
	min-height: 64px;
	scroll-behavior:auto;
}

.contact-input[readonly][b-k4rncxgw8m],
.contact-textarea[readonly][b-k4rncxgw8m] {
	background: #fafafa;
}

.input-action-row[b-k4rncxgw8m] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 36px;
	gap: 8px;
	align-items: center;
	width: 100%;
}

.input-action-row-short[b-k4rncxgw8m] {
	max-width: 220px;
}

.textarea-action-row[b-k4rncxgw8m] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 36px;
	gap: 8px;
	align-items: start;
	width: 100%;
}

.action-stack[b-k4rncxgw8m] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.icon-button[b-k4rncxgw8m] {
	width: 36px;
	height: 34px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	color: #666;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

	.icon-button:hover[b-k4rncxgw8m] {
		background: #f3f6fb;
		color: #1e3a5f;
		border-color: #7f9bbd;
	}

	.icon-button:active[b-k4rncxgw8m] {
		transform: translateY(1px);
	}

	.icon-button i[b-k4rncxgw8m] {
		font-size: 15px;
	}

@media (max-width: 640px) {
	.contact-grid[b-k4rncxgw8m] {
		grid-template-columns: 1fr;
	}

	.contact-label[b-k4rncxgw8m] {
		text-align: left;
		padding-top: 0;
	}

	.input-action-row-short[b-k4rncxgw8m] {
		max-width: 100%;
	}
}
/* _content/JobTrackerProWeb/Components/DatePickerField.razor.rz.scp.css */
.field-group[b-je1wvgllnq] {
	display: flex;
	flex-direction: column;
	position: relative;
}

	.field-group label[b-je1wvgllnq] {
		font-size: 13px;
		font-weight: 600;
		color: #333;
		margin-bottom: 4px;
	}

.input-action-row[b-je1wvgllnq] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px;
	gap: 8px;
	align-items: center;
}

.job-input[b-je1wvgllnq] {
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fafafa;
	color: #222;
	font: inherit;
	padding: 6px 10px;
}

.icon-button[b-je1wvgllnq] {
	width: 38px;
	height: 38px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	color: #666;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	flex-shrink: 0;
}

	.icon-button:hover[b-je1wvgllnq] {
		background: #f3f6fb;
		color: #1e3a5f;
		border-color: #7f9bbd;
	}

	.icon-button i[b-je1wvgllnq] {
		font-size: 14px;
	}

.date-popup[b-je1wvgllnq] {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2000;
	margin-top: 6px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

.date-popup-input[b-je1wvgllnq] {
	width: 145px;
}

.date-popup-buttons[b-je1wvgllnq] {
	display: flex;
	gap: 8px;
	margin-top: 8px;
	justify-content: flex-end;
}


.three-month-popup[b-je1wvgllnq] {
	width: auto;
	max-width: calc(100vw - 40px);
}
/* _content/JobTrackerProWeb/Components/JobClientDetailsTab.razor.rz.scp.css */

.client-details[b-dxrffmd8mj] {
	background: steelblue;
}
/* _content/JobTrackerProWeb/Components/JobDocsTab.razor.rz.scp.css */

.docs[b-rtsz237x2i] {
	background: teal;
}
/* _content/JobTrackerProWeb/Components/JobPOTab.razor.rz.scp.css */

.po[b-p6fu6ets75] {
	background: skyblue;
}
/* _content/JobTrackerProWeb/Components/JobScanningTab.razor.rz.scp.css */

.scanning[b-97kfnnafrl] {
	background: lightgreen;
}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/AssignedStaff.razor.rz.scp.css */
.assigned-staff-section[b-digpbgfivs] {
	margin-bottom: 20px;
}

.assigned-staff-topbar[b-digpbgfivs] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: start;
	margin-bottom: 0;
}

/* Table wrapper */
.assigned-staff-table[b-digpbgfivs] {
	margin-bottom: 16px;
}


/* Header */
.assigned-staff-table-header[b-digpbgfivs] {
	display: grid;
	grid-template-columns: 1fr 90px;
	border: 1px solid #999;
	border-bottom: none;
	background: #f3f3f3;
	font-weight: 600;
	font-size: 13px;
}

	.assigned-staff-table-header > div[b-digpbgfivs] {
		padding: 8px 10px;
	}

.assigned-staff-toolbar[b-digpbgfivs] {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

/* Body */
.assigned-staff-table-body[b-digpbgfivs] {
	border: 1px solid #999;
	min-height: 150px;
	background: #fff;
}

/* Row */
.assigned-staff-row[b-digpbgfivs] {
	display: grid;
	grid-template-columns: 1fr 90px;
}

	.assigned-staff-row > div[b-digpbgfivs] {
		padding: 8px 10px;
	}


.staff-name[b-digpbgfivs],
.staff-mobile[b-digpbgfivs] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.skills-section[b-digpbgfivs] {
	margin-top: 6px;
}

.skills-header[b-digpbgfivs] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 14px;
	color: #222;
}

.skills-table-header[b-digpbgfivs] {
	display: grid;
	grid-template-columns: 1fr;
	border: 1px solid #999;
	border-bottom: none;
	background: #f3f3f3;
	font-weight: 600;
	font-size: 13px;
}

	.skills-table-header > div[b-digpbgfivs] {
		padding: 8px 10px;
	}

.skills-table-body[b-digpbgfivs] {
	border: 1px solid #999;
	min-height: 140px;
	background: #fff;
}

.icon-button[b-digpbgfivs] {
	width: 38px;
	height: 38px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	color: #666;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	flex-shrink: 0;
}

.icon-button-small[b-digpbgfivs] {
	width: 36px;
	height: 36px;
}

.icon-button:hover[b-digpbgfivs] {
	background: #f3f6fb;
	color: #1e3a5f;
	border-color: #7f9bbd;
}

.icon-button i[b-digpbgfivs] {
	font-size: 14px;
}

@media (max-width: 700px) {
	.assigned-staff-topbar[b-digpbgfivs] {
		grid-template-columns: 1fr;
	}

	.assigned-staff-toolbar[b-digpbgfivs] {
		justify-content: flex-start;
	}
}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/JobAdditionalData.razor.rz.scp.css */



.job-additional-data-grid[b-jzisjg4dku] {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px 12px;
}

@media (max-width: 1600px) {
	.job-additional-data-grid[b-jzisjg4dku] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	.job-additional-data-grid[b-jzisjg4dku] {
		grid-template-columns: 1fr;
	}

	.field-span-2[b-jzisjg4dku] {
		grid-column: span 1;
	}
}

.field-group[b-jzisjg4dku] {
	display: flex;
	flex-direction: column;
}

	.field-group label[b-jzisjg4dku] {
		font-size: 12px;
		font-weight: 600;
		color: #777;
		margin-bottom: 4px;
	}

	.field-group input[b-jzisjg4dku],
	.field-group select[b-jzisjg4dku] {
		width: 100%;
		min-width: 0;
		height: 30px;
		padding: 4px 6px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 14px;
		box-sizing: border-box;
	}

.field-span-2[b-jzisjg4dku] {
	grid-column: span 2;
}

.time-on-site[b-jzisjg4dku] {
	background: #72ef72;
}

@media (max-width: 900px) {
	.job-additional-data-grid[b-jzisjg4dku] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.job-additional-data-grid[b-jzisjg4dku] {
		grid-template-columns: 1fr;
	}

	.field-span-2[b-jzisjg4dku] {
		grid-column: span 1;
	}
}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/JobDates.razor.rz.scp.css */
.job-dates-grid[b-jydj945iqn] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 14px;
	margin-bottom: 16px;
}

.field-group[b-jydj945iqn] {
	display: flex;
	flex-direction: column;
}

	.field-group label[b-jydj945iqn] {
		font-size: 13px;
		font-weight: 600;
		color: #333;
		margin-bottom: 4px;
	}

.input-action-row[b-jydj945iqn] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px;
	gap: 8px;
	align-items: center;
}

.job-input[b-jydj945iqn] {
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fafafa;
	color: #222;
	font: inherit;
	padding: 6px 10px;
}

.engineers-comments-section[b-jydj945iqn] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.engineers-comments-header[b-jydj945iqn] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

	.engineers-comments-header label[b-jydj945iqn] {
		font-size: 13px;
		font-weight: 600;
		color: #333;
	}

.engineers-comments-textarea[b-jydj945iqn] {
	width: 100%;
	min-height: 130px;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fafafa;
	color: #222;
	font: inherit;
	padding: 8px 10px;
	resize: vertical;
	scroll-behavior:auto
}

.icon-button[b-jydj945iqn] {
	width: 38px;
	height: 38px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	color: #666;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	flex-shrink: 0;
}

	.icon-button:hover[b-jydj945iqn] {
		background: #f3f6fb;
		color: #1e3a5f;
		border-color: #7f9bbd;
	}

	.icon-button i[b-jydj945iqn] {
		font-size: 14px;
	}

@media (max-width: 640px) {
	.job-dates-grid[b-jydj945iqn] {
		grid-template-columns: 1fr;
	}


	input.hidden-date-picker[b-jydj945iqn] {
		position: fixed;
		top: -100px;
		left: -100px;
		opacity: 0;
		width: 1px;
		height: 1px;
		pointer-events: none;
	}

}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/JobDetailsTab.razor.rz.scp.css */
.jtp-content[b-ll2yj8yjir],
.job-details-top-container[b-ll2yj8yjir],
.job-details-bottom-container[b-ll2yj8yjir] {
	max-width: 2000px;
}
 
 
.job-details-top-container[b-ll2yj8yjir] {
	display: flex;
	gap: 5px;
	margin-bottom: 2px;
}

.job-details-bottom-container[b-ll2yj8yjir]{
	display: flex;
	gap: 5px;
	margin-bottom: 2px;
	align-items: stretch;
}

.job-sitedetails[b-ll2yj8yjir] {
	flex: 0 0 520px;
	min-width: 420px;
}

.job-additionaldata[b-ll2yj8yjir] {
    flex: 1 1 760px;
    max-width: 1100px;
    min-width: 420px;
}

.job-dates[b-ll2yj8yjir] {
	flex: 0 0 420px;
	min-width: 360px;
}

.job-staff[b-ll2yj8yjir] {
	flex: 0 0 320px;
	min-width: 300px;
}


.job-notes[b-ll2yj8yjir] {
	flex: 2; /* or 3 if you want it dominant */
	display: flex;
	flex-direction: column;
}

.job-partsNcostings[b-ll2yj8yjir] {
	flex: 2;
}

.job-scope[b-ll2yj8yjir] {
	flex: 1;
}



@media (max-width: 768px) {
	.job-details-top-container[b-ll2yj8yjir] {
		flex-direction: column;
	}
}


@media (max-width: 768px) {
	.job-details-bottom-container[b-ll2yj8yjir] {
		flex-direction: column;
	}
}

@media (max-width: 1365px) {
	.job-details-top-container[b-ll2yj8yjir],
	.job-details-bottom-container[b-ll2yj8yjir] {
		flex-direction: column;
	}

	.tab-panel[b-ll2yj8yjir] {
		width: 100%;
	}
}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/JobNotesCard.razor.rz.scp.css */
.job-notes-textarea[b-zxgr52lnzb] {
	width: 100%;
	flex: 1;
	min-height: 0px; /* ~10 lines */
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 6px;
	font: inherit;
	resize: none;
	margin-bottom: 12px;
}

.job-notes-actions[b-zxgr52lnzb] {
	display: flex;
	justify-content: flex-end;
}

.job-btn-primary[b-zxgr52lnzb] {
	background: #1e3a5f;
	color: white;
	border: none;
	padding: 8px 14px;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

	.job-btn-primary:hover[b-zxgr52lnzb] {
		background: #2a507f;
	}

	.job-btn-primary:active[b-zxgr52lnzb] {
		transform: translateY(1px);
	}

	.job-btn-primary i[b-zxgr52lnzb] {
		font-size: 13px;
	}


.job-Notes .job-card[b-zxgr52lnzb] {
	flex: 1;
	display: flex;
	flex-direction: column;
}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/JobScope.razor.rz.scp.css */
.job-scope-textarea[b-tmoa9r7z5f] {
	width: 100%;
	min-height: 200px; /* ~10 lines */
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: 6px;
	font: inherit;
	resize: vertical;
	margin-bottom: 12px;
}

.job-scope-actions[b-tmoa9r7z5f] {
	display: flex;
	justify-content: flex-end;
}

.job-btn-primary[b-tmoa9r7z5f] {
	background: #1e3a5f;
	color: white;
	border: none;
	padding: 8px 14px;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

	.job-btn-primary:hover[b-tmoa9r7z5f] {
		background: #2a507f;
	}

	.job-btn-primary:active[b-tmoa9r7z5f] {
		transform: translateY(1px);
	}

	.job-btn-primary i[b-tmoa9r7z5f] {
		font-size: 13px;
	}
/* _content/JobTrackerProWeb/Components/JobsScreen/Tabs/JobDetails/PartsNCostings.razor.rz.scp.css */
body[b-yp852ftm80] {
}
/* _content/JobTrackerProWeb/Components/JobTasksTab.razor.rz.scp.css */

.tasks[b-m78j2php7k] {
	background: indianred;
}
/* _content/JobTrackerProWeb/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-bjc69l1amy] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-bjc69l1amy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/JobTrackerProWeb/Components/ThreeMonthDatePicker.razor.rz.scp.css */
.three-month-picker[b-w6m1kejvhf] {
	display: grid;
	grid-template-columns: repeat(3, 290px);
	gap: 14px;
}

.month-panel[b-w6m1kejvhf] {
	border: 1px solid #d0d7e2;
	border-radius: 10px;
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	padding: 12px;
}

.month-title[b-w6m1kejvhf] {
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: #1e3a5f;
	margin-bottom: 6px;
}

.calendar-month-header[b-w6m1kejvhf] {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.calendar-grid[b-w6m1kejvhf] {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 5px;
}

.calendar-day-name[b-w6m1kejvhf] {
	font-size: 11px;
	text-align: center;
	font-weight: 700;
	color: #52606d;
}

.calendar-empty[b-w6m1kejvhf] {
	height: 30px;
}

.calendar-day[b-w6m1kejvhf] {
	height: 30px;
	border: 1px solid #c4ccd6;
	border-radius: 6px;
	background: #ffffff;
	color: #222;
	cursor: pointer;
	font-size: 12px;
}

	.calendar-day:hover[b-w6m1kejvhf] {
		background: #eaf2fb;
		border-color: #1e3a5f;
	}

	.calendar-day.selected[b-w6m1kejvhf] {
		background: #1e3a5f;
		color: white;
		border-color: #1e3a5f;
		font-weight: 700;
	}

	.calendar-day.today[b-w6m1kejvhf] {
		border: 2px solid #2f80c9;
		font-weight: 700;
	}

@media (max-width: 900px) {
	.three-month-picker[b-w6m1kejvhf] {
		grid-template-columns: 1fr;
		width: 300px;
	}

	.month-panel:first-child[b-w6m1kejvhf],
	.month-panel:last-child[b-w6m1kejvhf] {
		display: none;
	}
}
/* _content/JobTrackerProWeb/Pages/Jobs.razor.rz.scp.css */
.jtp-job-shell[b-9owtqtq65g] {
	min-height: 100vh;
	font-family: Segoe UI, Tahoma, Arial, sans-serif;
	color: #111;
	display: flex;
	flex-direction: column;
}

.jtp-header-block[b-9owtqtq65g] {
	display: flex;
	flex-direction: column;
}

.jtp-summarybar[b-9owtqtq65g] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 8px 16px;
	background: rgba(255, 255, 255, 0.12);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.jtp-summarybar-left[b-9owtqtq65g],
.jtp-summarybar-right[b-9owtqtq65g] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.jtp-summarybar-right[b-9owtqtq65g] {
	justify-content: flex-end;
}



.jtp-topbar[b-9owtqtq65g] {
	background: #4b86b8;
	color: white;
	padding: 8px 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-size: 2rem;
	border-bottom: 1px solid #2d628f;
}

.jtp-topbar-left[b-9owtqtq65g],
.jtp-topbar-right[b-9owtqtq65g] {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}


.jtp-topbar-value[b-9owtqtq65g] {
	font-size: 1.5rem;
	padding-left: 4px;
	font-weight: 600;
}

.jtp-topbar-label[b-9owtqtq65g] {
	font-size: 1.2rem;
	padding-left: 4px;
	font-weight: 300;
}

.jtp-status-wrap[b-9owtqtq65g] {
	display: flex;
	align-items: center;
	gap: 12px;
}

.jtp-status-label[b-9owtqtq65g] {
	font-size: 1.05rem;
	font-weight: 500;
	color: rgba(255,255,255,0.92);
}

.jtp-status-badge[b-9owtqtq65g] {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1;
	color: #222;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
}


.top-check input[type="checkbox"][b-9owtqtq65g] {
	transform: scale(1.4); /* adjust as needed */
	margin-right: 6px;
	cursor: pointer;
}

.jtp-body[b-9owtqtq65g] {
	display: flex;
	flex: 1 0 auto;
}

.jtp-leftbar[b-9owtqtq65g] {
	width: 110px;
	background: #4b86b8;
	border-right: 1px solid #2d628f;
	padding: 10px 8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
}

.leftbar-btn[b-9owtqtq65g] {
	width: 100%;
	min-height: 44px;
	border: 1px solid #7aa4c8;
	background: #5f96c4;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 8px 6px;
	cursor: pointer;
	border-radius: 3px;
}

	.leftbar-btn:hover[b-9owtqtq65g] {
		background: #6ca2cf;
	}

	.leftbar-btn.active[b-9owtqtq65g] {
		background: #2d628f;
		font-weight: 600;
	}

.jtp-main[b-9owtqtq65g] {
	flex: 1 1 auto;
	display: block;
	min-width: 0;
}

.jtp-tab-row[b-9owtqtq65g] {
	display: flex;
	align-items: end;
	gap: 2px;
	background: #e4e4e4;
	padding: 6px 8px 0 8px;
	border-bottom: 1px solid #b6b6b6;
	flex-wrap: wrap;
}

.jtp-tab[b-9owtqtq65g] {
	border: 1px solid #b6b6b6;
	border-bottom: none;
	background: #dcdcdc;
	padding: 6px 10px;
	font-size: 12px;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #222;
}

	.jtp-tab.active[b-9owtqtq65g] {
		background: white;
		font-weight: 600;
	}

.jtp-content[b-9owtqtq65g] {
	background: white;
	padding: 10px;
	box-sizing: border-box;
	overflow: visible;
}

.job-header[b-9owtqtq65g] {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 16px;
	align-items: center;
	border: 1px solid #c2c2c2;
	background: #f3f3f3;
	padding: 10px 12px;
	margin-bottom: 10px;
}

.job-header-left[b-9owtqtq65g] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
}

.job-header-centre[b-9owtqtq65g] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.job-header-right[b-9owtqtq65g] {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.job-main-grid[b-9owtqtq65g] {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	align-items: start;
	margin-bottom: 10px;
}

.column[b-9owtqtq65g] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.job-footer[b-9owtqtq65g] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	border: 1px solid #c2c2c2;
	background: #f3f3f3;
	padding: 10px 12px;
}

.totals[b-9owtqtq65g],
.footer-actions[b-9owtqtq65g] {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	align-items: center;
}

.status-badge[b-9owtqtq65g] {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 14px;
	background: #31b24c;
	color: white;
	font-weight: 700;
	font-size: 14px;
}

.flag[b-9owtqtq65g] {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 12px;
	background: #2563eb;
	color: white;
	font-size: 12px;
}

	.flag.warning[b-9owtqtq65g] {
		background: #f59e0b;
		color: white;
	}




.client-details[b-9owtqtq65g] {
	background: #e8f5e9;
	
}

.docs[b-9owtqtq65g] {
	background: #fff3e0;
}


.po[b-9owtqtq65g] {
	background: #ede7f6;
}

.scanning[b-9owtqtq65g] {
	background: #f3e5f5;
}

.date-picker-overlay[b-9owtqtq65g] {
	position: fixed;
	inset: 0;
	z-index: 5000;
	background: rgba(10, 25, 45, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
}

.date-picker-dialog[b-9owtqtq65g] {
	background: #ffffff;
	border-radius: 12px;
	padding: 14px;
	box-shadow: 0 12px 35px rgba(0,0,0,0.25);
	max-width: calc(100vw - 30px);
	overflow-x: auto;
}

.date-picker-dialog-header[b-9owtqtq65g] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
}

.date-nav-button[b-9owtqtq65g] {
	width: 42px;
	height: 38px;
	border: 1px solid #b8c5d5;
	border-radius: 8px;
	background: linear-gradient(#ffffff, #f4f7fb);
	color: #1e3a5f;
	cursor: pointer;
	font-size: 16px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.10);
}

	.date-nav-button:hover[b-9owtqtq65g] {
		background: #eaf2fb;
		border-color: #1e3a5f;
	}

.date-popup-buttons[b-9owtqtq65g] {
	margin-top: 12px;
}

	.date-popup-buttons button[b-9owtqtq65g] {
		height: 34px;
		padding: 0 14px;
		border: 1px solid #9aa9bb;
		border-radius: 6px;
		background: #fff;
		cursor: pointer;
	}

		.date-popup-buttons button:hover[b-9owtqtq65g] {
			background: #f3f6fb;
		}




.date-picker-title[b-9owtqtq65g] {
	font-size: 20px;
	font-weight: 700;
	color: #1e3a5f;
	margin-bottom: 14px;
	text-align: center;
}


/*@media (max-width: 1400px) {
	.job-main-grid {
		grid-template-columns: 1fr;
	}

	.job-header {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.date-picker-dialog {
		max-width: calc(100vw - 20px);
		padding: 12px;
	}

	.date-picker-dialog-header {
		margin-bottom: 8px;
	}
}
*/