:root {
	--amt-navy: #07182e;
	--amt-blue: #1463ff;
	--amt-bg: #f4f7fb;
	--amt-border: #dce4ef;
	--amt-text: #16243a;
	--amt-muted: #64748b;
}

.amtjds-wrap {
	max-width: 1440px;
	margin: 22px 20px 30px 0;
	color: var(--amt-text);
}

.amtjds-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 28px 30px;
	border-radius: 16px;
	background: linear-gradient(135deg, var(--amt-navy), #123b69);
	box-shadow: 0 16px 38px rgba(7, 24, 46, .16);
	color: #fff;
}

.amtjds-hero h1 {
	margin: 2px 0 8px;
	color: #fff;
	font-size: clamp(26px, 4vw, 38px);
	line-height: 1.15;
}

.amtjds-hero p {
	margin: 0;
	font-size: 15px;
	opacity: .86;
}

.amtjds-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.amtjds-hero-actions .button {
	min-height: 38px;
	padding: 4px 16px;
	border-color: rgba(255, 255, 255, .4);
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.amtjds-hero-actions .button-primary {
	border-color: #fff;
	background: #fff;
	color: var(--amt-navy);
}

.amtjds-eyebrow {
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.amtjds-version,
.amtjds-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .13);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.amtjds-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.amtjds-card,
.amtjds-panel {
	border: 1px solid var(--amt-border);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(15, 38, 70, .05);
}

.amtjds-card {
	position: relative;
	overflow: hidden;
	padding: 20px;
}

.amtjds-card::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: var(--card-colour, var(--amt-blue));
	content: "";
}

.amtjds-card p,
.amtjds-card span {
	display: block;
	margin: 0;
	color: var(--amt-muted);
}

.amtjds-card p {
	font-weight: 600;
}

.amtjds-card strong {
	display: block;
	margin: 8px 0 5px;
	font-size: 28px;
	line-height: 1.1;
}

.amtjds-card span {
	font-size: 12px;
}

.amtjds-card-blue { --card-colour: #1463ff; }
.amtjds-card-navy { --card-colour: #07182e; }
.amtjds-card-amber { --card-colour: #f59e0b; }
.amtjds-card-purple { --card-colour: #7c3aed; }
.amtjds-card-red { --card-colour: #dc2626; }
.amtjds-card-green { --card-colour: #059669; }

.amtjds-panels {
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 18px;
	margin-top: 18px;
}

.amtjds-panel {
	padding: 24px;
}

.amtjds-panel h2 {
	margin: 0 0 14px;
	font-size: 18px;
}

.amtjds-panel p {
	color: var(--amt-muted);
	font-size: 14px;
	line-height: 1.6;
}

.amtjds-panel .amtjds-badge {
	margin-top: 8px;
	background: #e8f5ee;
	color: #087647;
}

.amtjds-checklist {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 18px;
	margin: 0;
}

.amtjds-checklist li {
	position: relative;
	margin: 0;
	padding-left: 26px;
	color: #334155;
}

.amtjds-checklist li::before {
	position: absolute;
	top: 1px;
	left: 0;
	display: grid;
	width: 18px;
	height: 18px;
	place-items: center;
	border-radius: 50%;
	background: #dff7e9;
	color: #087647;
	content: "✓";
	font-size: 12px;
	font-weight: 800;
}

.amtjds-hero-small {
	padding: 22px 26px;
}

.amtjds-placeholder {
	margin-top: 18px;
	min-height: 150px;
}

.amtjds-page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 18px;
	padding: 4px 2px;
}

.amtjds-page-header h1 {
	margin: 2px 0 5px;
	font-size: 30px;
	line-height: 1.15;
}

.amtjds-page-header p {
	margin: 0;
	color: var(--amt-muted);
}

.amtjds-eyebrow-dark {
	color: var(--amt-blue) !important;
}

.button.button-hero {
	min-height: 42px;
	padding: 6px 18px;
	font-size: 14px;
}

.amtjds-filter-bar {
	display: grid;
	grid-template-columns: minmax(260px, 2fr) repeat(4, minmax(140px, 1fr)) auto;
	gap: 12px;
	margin-bottom: 16px;
	padding: 16px;
	border: 1px solid var(--amt-border);
	border-radius: 14px;
	background: #fff;
}

.amtjds-filter-bar label,
.amtjds-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.amtjds-filter-bar label span,
.amtjds-field > span {
	color: #34435a;
	font-size: 12px;
	font-weight: 700;
}

.amtjds-filter-bar input,
.amtjds-filter-bar select,
.amtjds-field input,
.amtjds-field select,
.amtjds-field textarea {
	width: 100%;
	min-height: 42px;
	margin: 0;
	padding: 8px 11px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
}

.amtjds-field textarea {
	resize: vertical;
}

.amtjds-field input:focus,
.amtjds-field select:focus,
.amtjds-field textarea:focus {
	border-color: var(--amt-blue);
	box-shadow: 0 0 0 2px rgba(20, 99, 255, .12);
}

.amtjds-field input[readonly],
.amtjds-field textarea[readonly],
.amtjds-field select:disabled {
	background: #f5f7fa;
	color: #334155;
}

.amtjds-filter-actions {
	display: flex;
	align-items: flex-end;
	gap: 8px;
}

.amtjds-filter-actions .button {
	min-height: 42px;
	padding-top: 5px;
}

.amtjds-table-card {
	overflow: hidden;
	border: 1px solid var(--amt-border);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(15, 38, 70, .05);
}

.amtjds-table-summary {
	padding: 14px 18px;
	border-bottom: 1px solid var(--amt-border);
}

.amtjds-table-scroll {
	overflow-x: auto;
}

.amtjds-jobs-table {
	border: 0;
	box-shadow: none;
}

.amtjds-jobs-table th,
.amtjds-jobs-table td {
	padding: 14px 12px;
	vertical-align: middle;
}

.amtjds-jobs-table td strong,
.amtjds-jobs-table td small {
	display: block;
}

.amtjds-jobs-table td small {
	margin-top: 4px;
	color: var(--amt-muted);
}

.amtjds-status {
	display: inline-flex;
	padding: 5px 9px;
	border-radius: 999px;
	background: #e8eef6;
	color: #40516a;
	font-size: 12px;
	font-weight: 700;
}

.amtjds-status-completed { background: #dff7e9; color: #087647; }
.amtjds-status-cancelled { background: #fee5e5; color: #b42318; }
.amtjds-status-assigned { background: #e5efff; color: #174ea6; }
.amtjds-status-on_way { background: #fff1d6; color: #a15c00; }

.amtjds-empty-state {
	padding: 42px !important;
	text-align: center;
	color: var(--amt-muted);
}

.amtjds-pagination {
	display: flex;
	justify-content: flex-end;
	padding: 14px 18px;
	border-top: 1px solid var(--amt-border);
}

.amtjds-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	margin-left: 5px;
	border: 1px solid var(--amt-border);
	border-radius: 7px;
	text-decoration: none;
}

.amtjds-pagination .current {
	border-color: var(--amt-blue);
	background: var(--amt-blue);
	color: #fff;
}

.amtjds-job-form {
	display: grid;
	gap: 18px;
}

.amtjds-form-section {
	padding: 24px;
	border: 1px solid var(--amt-border);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(15, 38, 70, .04);
}

.amtjds-section-heading {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #edf1f6;
}

.amtjds-section-heading > span {
	display: grid;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	place-items: center;
	border-radius: 50%;
	background: var(--amt-navy);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
}

.amtjds-section-heading h2,
.amtjds-section-heading p {
	margin: 0;
}

.amtjds-section-heading h2 {
	font-size: 17px;
}

.amtjds-section-heading p {
	margin-top: 3px;
	color: var(--amt-muted);
	font-size: 13px;
}

.amtjds-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.amtjds-form-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.amtjds-inline-note {
	padding: 11px 13px;
	border-left: 3px solid var(--amt-blue);
	border-radius: 5px;
	background: #f0f5ff;
	color: #40516a;
	font-size: 13px;
}

.amtjds-form-actions {
	position: sticky;
	bottom: 0;
	z-index: 5;
	display: flex;
	gap: 10px;
	padding: 15px 18px;
	border: 1px solid var(--amt-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 -5px 22px rgba(15, 38, 70, .08);
	backdrop-filter: blur(8px);
}

[hidden] {
	display: none !important;
}

@media (max-width: 960px) {
	.amtjds-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.amtjds-panels {
		grid-template-columns: 1fr;
	}

	.amtjds-filter-bar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.amtjds-form-grid-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.amtjds-wrap {
		margin-right: 10px;
	}

	.amtjds-hero {
		align-items: flex-start;
		flex-direction: column;
		padding: 22px 20px;
	}

	.amtjds-grid,
	.amtjds-checklist,
	.amtjds-filter-bar,
	.amtjds-form-grid,
	.amtjds-form-grid-3 {
		grid-template-columns: 1fr;
	}

	.amtjds-card,
	.amtjds-panel,
	.amtjds-form-section {
		padding: 18px;
	}

	.amtjds-page-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.amtjds-page-header .button,
	.amtjds-form-actions .button {
		width: 100%;
		text-align: center;
	}

	.amtjds-filter-actions,
	.amtjds-form-actions {
		width: 100%;
		flex-direction: column;
	}

	.amtjds-jobs-table thead {
		display: none;
	}

	.amtjds-jobs-table,
	.amtjds-jobs-table tbody,
	.amtjds-jobs-table tr,
	.amtjds-jobs-table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.amtjds-jobs-table tr {
		padding: 10px 0;
		border-bottom: 1px solid var(--amt-border);
	}

	.amtjds-jobs-table td {
		position: relative;
		padding: 8px 14px 8px 42%;
		border: 0;
	}

	.amtjds-jobs-table td::before {
		position: absolute;
		top: 8px;
		left: 14px;
		width: 36%;
		color: var(--amt-muted);
		content: attr(data-label);
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.amtjds-span-2 {
		grid-column: auto;
	}
}

/* Payments module */
.amtjds-payment-summary-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 18px;
}

.amtjds-summary-card {
	position: relative;
	display: grid;
	gap: 6px;
	padding: 20px;
	overflow: hidden;
	border: 1px solid var(--amt-border);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(15, 38, 70, .04);
}

.amtjds-summary-card::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 4px;
	background: var(--amt-blue);
	content: "";
}

.amtjds-summary-card > span,
.amtjds-summary-card small {
	color: var(--amt-muted);
}

.amtjds-summary-card > span {
	font-size: 13px;
	font-weight: 700;
}

.amtjds-summary-card strong {
	color: var(--amt-navy);
	font-size: 27px;
	line-height: 1.1;
}

.amtjds-summary-green::before { background: #11a779; }
.amtjds-summary-purple::before { background: #7c3aed; }
.amtjds-summary-red::before { background: #dc3545; }

.amtjds-payment-filters {
	grid-template-columns: 1.6fr repeat(5, minmax(120px, .8fr)) auto;
}

.amtjds-job-balance {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--amt-border);
	border-radius: 10px;
	background: var(--amt-border);
}

.amtjds-job-balance > div {
	display: grid;
	gap: 5px;
	padding: 14px;
	background: #f8faff;
}

.amtjds-job-balance span {
	color: var(--amt-muted);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.amtjds-job-balance strong {
	color: var(--amt-navy);
	font-size: 15px;
}

.amtjds-inline-action {
	display: inline;
	margin-left: 10px;
}

.amtjds-inline-action .button-link {
	padding: 0;
	border: 0;
	background: none;
	color: #07845f;
	cursor: pointer;
	font: inherit;
	text-decoration: underline;
}

.amtjds-money-in { color: #07845f; }
.amtjds-money-out { color: #c12d3c; }

.amtjds-payment-status-held {
	background: #fff0d7;
	color: #9a5a00;
}

.amtjds-payment-status-cleared {
	background: #e6f7f1;
	color: #087a5a;
}

.amtjds-handover-panel {
	border-left: 4px solid #f59e0b;
}

@media (max-width: 1100px) {
	.amtjds-payment-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.amtjds-payment-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.amtjds-payment-summary-grid,
	.amtjds-job-balance,
	.amtjds-payment-filters {
		grid-template-columns: 1fr;
	}

	.amtjds-summary-card {
		padding: 17px;
	}

	.amtjds-inline-action {
		display: block;
		margin: 8px 0 0;
	}
}

/* Fitters module */
.amtjds-summary-amber::before { background: #f59e0b; }
.amtjds-summary-navy::before { background: var(--amt-navy); }

.amtjds-fitter-filters {
	grid-template-columns: 1.7fr repeat(2, minmax(145px, .8fr)) auto;
}

.amtjds-fitter-type {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.2;
}

.amtjds-fitter-company {
	background: #eaf1ff;
	color: #174ea6;
}

.amtjds-fitter-network {
	background: #f1eafe;
	color: #6630a6;
}

.amtjds-fitter-status-active {
	background: #e6f7f1;
	color: #087a5a;
}

/* Weekly settlements */
.amtjds-settlement-filters {
	grid-template-columns: 1.3fr 1fr repeat(2, minmax(145px, .8fr)) auto;
}

.amtjds-settlement-position {
	display: grid;
	gap: 5px;
	margin: 0 0 22px;
	padding: 22px 25px;
	border-left: 5px solid var(--amt-blue);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(15, 38, 70, .05);
}

.amtjds-settlement-position > span,
.amtjds-settlement-position small {
	color: var(--amt-muted);
}

.amtjds-settlement-position strong {
	color: var(--amt-navy);
	font-size: 25px;
}

.amtjds-position-box-company-owes { border-left-color: #7c3aed; }
.amtjds-position-box-fitter-owes { border-left-color: #f59e0b; }
.amtjds-position-box-balanced { border-left-color: #11a779; }
.amtjds-position-company-owes { color: #6d28d9; }
.amtjds-position-fitter-owes { color: #9a5a00; }
.amtjds-position-balanced { color: #087a5a; }

.amtjds-settlement-status-open {
	background: #eaf1ff;
	color: #174ea6;
}

.amtjds-settlement-status-approved {
	background: #fff0d7;
	color: #9a5a00;
}

.amtjds-settlement-status-paid {
	background: #e6f7f1;
	color: #087a5a;
}

.amtjds-settlement-action-panel { border-left: 4px solid #3157e8; }
.amtjds-settlement-paid-panel { border-left: 4px solid #11a779; }

@media (max-width: 1100px) {
	.amtjds-settlement-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.amtjds-settlement-filters {
		grid-template-columns: 1fr;
	}
}

/* Simplified single-page Job Register */
.amtjds-register-entry {
	margin: 22px 0;
	border: 1px solid var(--amt-border);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(15, 38, 70, .06);
}

.amtjds-register-entry > summary {
	padding: 20px 24px;
	color: var(--amt-navy);
	cursor: pointer;
	font-size: 19px;
	font-weight: 750;
}

.amtjds-register-entry[open] > summary {
	border-bottom: 1px solid var(--amt-border);
}

.amtjds-register-entry .amtjds-job-form {
	padding: 22px;
}

.amtjds-register-filters {
	grid-template-columns: 1.7fr repeat(4, minmax(125px, .8fr)) auto;
}

.amtjds-register-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin: 18px 0 10px;
}

.amtjds-payment-rows {
	display: grid;
	gap: 10px;
	margin-top: 18px;
}

.amtjds-payment-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(120px, 1fr)) auto;
	gap: 10px;
	align-items: end;
	padding: 14px;
	border: 1px solid var(--amt-border);
	border-radius: 10px;
	background: #f8faff;
}

.amtjds-payment-row label {
	display: grid;
	gap: 6px;
}

.amtjds-payment-row label span {
	color: var(--amt-muted);
	font-size: 12px;
	font-weight: 700;
}

.amtjds-payment-row input,
.amtjds-payment-row select {
	width: 100%;
	min-height: 42px;
}

.amtjds-remove-payment {
	min-height: 42px !important;
	color: #b42334 !important;
	font-size: 20px !important;
}

.amtjds-existing-payments {
	margin-top: 18px;
	padding: 15px 18px;
	border-left: 4px solid #11a779;
	background: #f1fbf7;
}

.amtjds-existing-payments h3,
.amtjds-existing-payments p {
	margin: 5px 0;
}

.amtjds-refund-history-line strong {
	color: #b42334;
}

.amtjds-refund-panel {
	margin-top: 22px;
	padding: 18px;
	border: 1px solid #f2c5cb;
	border-left: 4px solid #dc3545;
	border-radius: 10px;
	background: #fff8f8;
}

.amtjds-refund-panel h3 {
	margin-top: 0;
	color: #a52230;
}

@media (max-width: 1200px) {
	.amtjds-register-filters,
	.amtjds-payment-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 650px) {
	.amtjds-register-filters,
	.amtjds-payment-row {
		grid-template-columns: 1fr;
	}

	.amtjds-register-entry .amtjds-job-form {
		padding: 12px;
	}

	.amtjds-register-toolbar {
		align-items: stretch;
		flex-direction: column;
	}
}

.amtjds-fitter-status-inactive {
	background: #edf1f6;
	color: #5e6d82;
}

.amtjds-fitter-status-suspended {
	background: #fde8eb;
	color: #b42334;
}

.amtjds-sensitive-section {
	border-left: 4px solid #7c3aed;
}

.amtjds-embedded-table th,
.amtjds-embedded-table td {
	padding: 12px 14px;
}

@media (max-width: 1100px) {
	.amtjds-fitter-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.amtjds-fitter-filters {
		grid-template-columns: 1fr;
	}
}