.evtaxuk-service{--es-blue:#1d4ed8;--es-navy:#0f172a;--es-green:#16a34a;--es-amber:#d97706;--es-red:#dc2626;--es-muted:#64748b;--es-border:#e2e8f0;max-width:1380px;margin:20px auto;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.evtaxuk-service *{box-sizing:border-box}.evtaxuk-service__hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:32px;border-radius:22px;background:linear-gradient(135deg,#081225,#153f73);color:#fff}.evtaxuk-service__hero p{margin:0;color:#86efac;font-size:.72rem;font-weight:900;letter-spacing:.14em}.evtaxuk-service__hero h1{margin:8px 0;color:#fff;font-size:2.55rem}.evtaxuk-service__hero>div>span{color:#bfdbfe}.evtaxuk-service__health{display:grid;place-items:center;min-width:160px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08)}.evtaxuk-service__health span,.evtaxuk-service__health strong,.evtaxuk-service__health small{display:block}.evtaxuk-service__health strong{margin:4px 0;color:#86efac;font-size:2.8rem;line-height:1}.evtaxuk-service__stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0}.evtaxuk-service__stats article{padding:18px;border:1px solid var(--es-border);border-radius:15px;background:#fff}.evtaxuk-service__stats span,.evtaxuk-service__stats strong,.evtaxuk-service__stats small{display:block}.evtaxuk-service__stats span{color:var(--es-muted);font-size:.72rem}.evtaxuk-service__stats strong{margin-top:5px;font-size:1.35rem}.evtaxuk-service__stats small{margin-top:5px;color:#94a3b8}.evtaxuk-service__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.evtaxuk-service__panel{padding:22px;border:1px solid var(--es-border);border-radius:18px;background:#fff}.evtaxuk-service__panel.is-wide{grid-column:1/-1}.evtaxuk-service__heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.evtaxuk-service__heading span{color:var(--es-blue);font-size:.68rem;font-weight:900;letter-spacing:.1em}.evtaxuk-service__heading h2{margin:5px 0}.evtaxuk-service__heading button,.evtaxuk-service__form button,.evtaxuk-service__record-form button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:var(--es-blue);color:#fff;font-weight:800;cursor:pointer}.evtaxuk-service__form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evtaxuk-service__form.is-compact{grid-template-columns:1fr 180px 150px 140px 150px auto}.evtaxuk-service__form input,.evtaxuk-service__form select,.evtaxuk-service__record-form input,.evtaxuk-service__record-form select,.evtaxuk-service__record-form textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px}.evtaxuk-service__form label span{display:block;margin-bottom:5px;font-weight:700}.evtaxuk-service__schedule{display:grid;gap:8px;margin-top:14px}.evtaxuk-service__schedule article{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:10px;background:#f8fafc}.evtaxuk-service__schedule article>span{width:10px;height:10px;border-radius:50%;background:var(--es-amber)}.evtaxuk-service__schedule article.is-high>span{background:var(--es-red)}.evtaxuk-service__schedule article.is-low>span{background:var(--es-blue)}.evtaxuk-service__schedule article.is-complete{opacity:.55}.evtaxuk-service__schedule strong,.evtaxuk-service__schedule small{display:block}.evtaxuk-service__schedule small{margin-top:3px;color:var(--es-muted)}.evtaxuk-service__schedule button.is-link{border:0;background:transparent;color:var(--es-blue);font-weight:800;cursor:pointer}.evtaxuk-service__schedule em{font-style:normal;color:var(--es-green);font-weight:800}.evtaxuk-service__record-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;padding:14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.evtaxuk-service__record-form textarea,.evtaxuk-service__record-form>div{grid-column:1/-1}.evtaxuk-service__record-form>div{display:flex;gap:8px}.evtaxuk-service__record-form button.is-secondary{background:#e2e8f0;color:var(--es-navy)}.evtaxuk-service__timeline{position:relative;display:grid}.evtaxuk-service__timeline:before{content:"";position:absolute;top:9px;bottom:9px;left:8px;width:2px;background:#dbeafe}.evtaxuk-service__timeline article{position:relative;display:grid;grid-template-columns:18px 1fr 160px auto;gap:12px;align-items:start;padding:12px 0}.evtaxuk-service__timeline article>span{z-index:1;width:16px;height:16px;margin-top:5px;border:3px solid #fff;border-radius:50%;background:var(--es-blue);box-shadow:0 0 0 2px #bfdbfe}.evtaxuk-service__timeline strong,.evtaxuk-service__timeline small{display:block}.evtaxuk-service__timeline p{margin:4px 0 0;color:var(--es-muted)}.evtaxuk-service__record-meta{text-align:right}.evtaxuk-service__timeline button.is-delete{border:0;background:transparent;color:var(--es-red);font-size:22px;cursor:pointer}.evtaxuk-service__empty{padding:18px;border-radius:10px;background:#f8fafc;color:var(--es-muted);text-align:center}.evtaxuk-service__notice{margin-top:16px;padding:14px;border-left:4px solid var(--es-amber);background:#fffbeb;color:var(--es-muted)}.evtaxuk-service__signin{max-width:760px;margin:30px auto;padding:22px;border-radius:14px;background:#eff6ff;text-align:center}@media(max-width:1100px){.evtaxuk-service__stats{grid-template-columns:repeat(3,1fr)}.evtaxuk-service__form.is-compact{grid-template-columns:1fr 1fr}.evtaxuk-service__record-form{grid-template-columns:1fr 1fr}}@media(max-width:760px){.evtaxuk-service__hero{align-items:flex-start;flex-direction:column}.evtaxuk-service__grid{grid-template-columns:1fr}.evtaxuk-service__panel.is-wide{grid-column:auto}.evtaxuk-service__stats,.evtaxuk-service__form,.evtaxuk-service__form.is-compact,.evtaxuk-service__record-form{grid-template-columns:1fr}.evtaxuk-service__record-form textarea,.evtaxuk-service__record-form>div{grid-column:auto}.evtaxuk-service__timeline article{grid-template-columns:18px 1fr}.evtaxuk-service__record-meta,.evtaxuk-service__timeline form{grid-column:2;text-align:left}}

/* v4.9.1 Service Centre UX polish */
.evtaxuk-service__form.is-compact{
	display:grid;
	grid-template-columns:minmax(220px,1.6fr) minmax(170px,1fr) minmax(150px,.9fr) minmax(145px,.8fr) minmax(150px,.9fr) auto;
	gap:12px;
	align-items:end;
}
.evtaxuk-service__field,.evtaxuk-service__schedule-action{
	display:grid;
	gap:6px;
	min-width:0;
}
.evtaxuk-service__field>span,.evtaxuk-service__schedule-action>span,.evtaxuk-service__record-form label>span{
	display:block;
	color:var(--es-navy);
	font-size:.72rem;
	font-weight:800;
}
.evtaxuk-service__schedule-action button{
	min-width:150px;
	white-space:nowrap;
}
.evtaxuk-service__schedule article{
	grid-template-columns:10px minmax(0,1fr) auto auto;
}
.evtaxuk-service__due-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	padding:4px 9px;
	border-radius:999px;
	background:#dcfce7;
	color:#166534;
	font-size:.7rem;
	font-weight:900;
	white-space:nowrap;
}
.evtaxuk-service__due-badge.is-due-soon{
	background:#fef3c7;
	color:#92400e;
}
.evtaxuk-service__due-badge.is-overdue{
	background:#fee2e2;
	color:#b91c1c;
}
.evtaxuk-service__due-badge.is-complete{
	background:#e2e8f0;
	color:#475569;
}
.evtaxuk-service__record-form label{
	display:grid;
	gap:6px;
}
.evtaxuk-service__record-form label.is-wide{
	grid-column:1/-1;
}
.evtaxuk-service__record-form label.is-wide textarea{
	width:100%;
}
@media(max-width:1200px){
	.evtaxuk-service__form.is-compact{
		grid-template-columns:1fr 1fr 1fr;
	}
	.evtaxuk-service__schedule-action{
		align-self:end;
	}
}
@media(max-width:760px){
	.evtaxuk-service__form.is-compact{
		grid-template-columns:1fr;
	}
	.evtaxuk-service__schedule article{
		grid-template-columns:10px 1fr;
	}
	.evtaxuk-service__due-badge,.evtaxuk-service__schedule article form,.evtaxuk-service__schedule article em{
		grid-column:2;
		justify-self:start;
	}
	.evtaxuk-service__record-form label.is-wide{
		grid-column:auto;
	}
}

/* v5.0 Design System bridge */
.evtaxuk-service{
	--es-blue:var(--evtaxuk-accent,var(--evtaxuk-blue,#1d4ed8));
	--es-navy:var(--evtaxuk-navy,#0f172a);
	--es-green:var(--evtaxuk-green,#16a34a);
	--es-amber:var(--evtaxuk-amber,#d97706);
	--es-red:var(--evtaxuk-red,#dc2626);
	--es-muted:var(--evtaxuk-muted,#64748b);
	--es-border:var(--evtaxuk-border,#e2e8f0);
}
.evtaxuk-service__panel,.evtaxuk-service__stats article{
	border-radius:var(--evtaxuk-radius,18px);
	box-shadow:var(--evtaxuk-shadow,0 10px 30px rgba(15,23,42,.06));
}
.evtaxuk-service__heading button,.evtaxuk-service__form button,.evtaxuk-service__record-form button{
	background:var(--evtaxuk-accent,#1d4ed8);
}

/* v5.1 Premium Service Centre dashboard */
.evtaxuk-service__health{
	min-width:210px;
}
.evtaxuk-service__health-factors{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:5px;
	width:100%;
	margin-top:10px;
}
.evtaxuk-service__health-factors b{
	padding:5px 7px;
	border-radius:7px;
	background:rgba(255,255,255,.08);
	color:#dbeafe;
	font-size:.62rem;
	font-weight:700;
	text-align:left;
}
.evtaxuk-service__health-factors b.is-good{color:#bbf7d0}
.evtaxuk-service__health-factors b.is-attention{color:#fde68a}
.evtaxuk-service__stats article{
	position:relative;
	overflow:hidden;
	padding-left:52px;
}
.evtaxuk-service__stats article:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:4px;
	background:var(--evtaxuk-accent,#1d4ed8);
}
.evtaxuk-service__stats article>i{
	position:absolute;
	top:17px;
	left:17px;
	display:grid;
	place-items:center;
	width:25px;
	height:25px;
	border-radius:8px;
	background:#eff6ff;
	color:#1d4ed8;
	font-style:normal;
	font-size:.76rem;
	font-weight:900;
}
.evtaxuk-service__stats article.is-mileage:before{background:#16a34a}
.evtaxuk-service__stats article.is-mileage>i{background:#dcfce7;color:#166534}
.evtaxuk-service__stats article.is-service:before{background:#2563eb}
.evtaxuk-service__stats article.is-mot:before{background:#d97706}
.evtaxuk-service__stats article.is-mot>i{background:#fef3c7;color:#92400e}
.evtaxuk-service__stats article.is-total:before{background:#7c3aed}
.evtaxuk-service__stats article.is-total>i{background:#ede9fe;color:#6d28d9}
.evtaxuk-service__stats article.is-year:before{background:#0891b2}
.evtaxuk-service__stats article.is-year>i{background:#cffafe;color:#155e75}
.evtaxuk-service__stats article.is-overdue:before{background:#dc2626}
.evtaxuk-service__stats article.is-overdue>i{background:#fee2e2;color:#b91c1c}
.evtaxuk-service__vehicle-summary{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	gap:14px;
	align-items:center;
	margin-bottom:18px;
	padding:15px;
	border:1px solid #dbeafe;
	border-radius:15px;
	background:linear-gradient(135deg,#eff6ff,#fff);
}
.evtaxuk-service__vehicle-icon{
	display:grid;
	place-items:center;
	width:54px;
	height:54px;
	border-radius:15px;
	background:linear-gradient(135deg,#1d4ed8,#0f766e);
	color:#fff;
	font-size:.78rem;
	font-weight:900;
	box-shadow:0 9px 22px rgba(29,78,216,.2);
}
.evtaxuk-service__vehicle-summary span{
	color:var(--es-blue);
	font-size:.66rem;
	font-weight:900;
	letter-spacing:.1em;
}
.evtaxuk-service__vehicle-summary h2{margin:4px 0 2px}
.evtaxuk-service__vehicle-summary p{margin:0;color:var(--es-muted)}
.evtaxuk-service__vehicle-summary>b{
	padding:7px 10px;
	border-radius:999px;
	background:#dcfce7;
	color:#166534;
	font-size:.75rem;
}
.evtaxuk-service__cost-panel .evtaxuk-service__heading>strong{
	color:var(--es-muted);
}
.evtaxuk-service__cost-chart{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	gap:clamp(16px,5vw,58px);
	min-height:220px;
	padding:20px 20px 8px;
	border-radius:14px;
	background:linear-gradient(180deg,#f8fafc,#fff);
}
.evtaxuk-service__cost-chart>div{
	display:grid;
	grid-template-rows:24px 150px 24px;
	align-items:end;
	justify-items:center;
	min-width:54px;
}
.evtaxuk-service__cost-chart strong{
	color:var(--es-navy);
	font-size:.72rem;
}
.evtaxuk-service__cost-chart span{
	display:block;
	align-self:end;
	width:42px;
	height:var(--evtaxuk-bar-height);
	min-height:8px;
	border-radius:9px 9px 3px 3px;
	background:linear-gradient(180deg,var(--evtaxuk-accent,#2563eb),#60a5fa);
	box-shadow:0 8px 18px rgba(37,99,235,.16);
	transform-origin:bottom;
	animation:evtaxuk-service-bar-rise .55s ease both;
}
.evtaxuk-service__cost-chart small{
	color:var(--es-muted);
	font-weight:800;
}
@keyframes evtaxuk-service-bar-rise{
	from{transform:scaleY(.08);opacity:.25}
	to{transform:scaleY(1);opacity:1}
}
.evtaxuk-service__timeline-year{
	position:relative;
	z-index:2;
	margin:14px 0 4px;
	padding:5px 9px;
	border-radius:8px;
	background:#0f172a;
	color:#fff;
	font-size:.78rem;
	justify-self:start;
}
.evtaxuk-service__timeline article>span{
	display:grid;
	place-items:center;
	width:28px;
	height:28px;
	margin-left:-6px;
	border:3px solid #fff;
	font-size:.49rem;
	font-weight:900;
	color:#fff;
	box-shadow:0 0 0 2px #bfdbfe;
}
.evtaxuk-service__timeline:before{left:8px}
.evtaxuk-service__timeline article{
	grid-template-columns:28px 1fr 160px auto;
}
@media(max-width:900px){
	.evtaxuk-service__health{width:100%;min-width:0}
	.evtaxuk-service__cost-chart{gap:20px;overflow-x:auto;justify-content:flex-start}
}
@media(max-width:760px){
	.evtaxuk-service__health-factors{grid-template-columns:1fr}
	.evtaxuk-service__stats article{padding-left:52px}
	.evtaxuk-service__vehicle-summary{grid-template-columns:auto 1fr}
	.evtaxuk-service__vehicle-summary>b{grid-column:2;justify-self:start}
	.evtaxuk-service__timeline article{grid-template-columns:28px 1fr}
}

/* v5.5.2 Scheduler layout and shared card polish */
.evtaxuk-service__scheduler-heading{
	align-items:center;
}
.evtaxuk-service__view-schedule{
	min-height:38px;
	padding:0 13px;
	border:1px solid #cbd5e1!important;
	border-radius:9px;
	background:#fff!important;
	color:#334155!important;
	font-weight:800;
	white-space:nowrap;
}
.evtaxuk-service__scheduler-form{
	display:grid;
	gap:12px;
}
.evtaxuk-service__scheduler-row{
	display:grid;
	gap:12px;
	align-items:end;
}
.evtaxuk-service__scheduler-row.is-primary{
	grid-template-columns:minmax(220px,1.45fr) minmax(170px,1fr) minmax(150px,.9fr);
}
.evtaxuk-service__scheduler-row.is-secondary{
	grid-template-columns:minmax(160px,.9fr) minmax(160px,.9fr) minmax(170px,auto);
	justify-content:end;
}
.evtaxuk-service__scheduler-row .evtaxuk-service__field,
.evtaxuk-service__scheduler-row .evtaxuk-service__schedule-action{
	min-width:0;
}
.evtaxuk-service__scheduler-row input,
.evtaxuk-service__scheduler-row select{
	width:100%;
	min-height:42px;
}
.evtaxuk-service__schedule-action{
	display:grid;
	gap:6px;
}
.evtaxuk-service__schedule-action button{
	min-width:170px;
	min-height:42px;
	white-space:nowrap;
}
.evtaxuk-service__schedule{
	margin-top:14px;
}
.evtaxuk-service__scheduler-empty{
	display:flex;
	gap:12px;
	align-items:center;
	min-height:70px;
	padding:16px;
	border:1px solid #dbeafe;
	border-radius:12px;
	background:linear-gradient(135deg,#f8fbff,#eff6ff);
	text-align:left;
}
.evtaxuk-service__scheduler-empty-icon{
	display:grid;
	place-items:center;
	flex:0 0 34px;
	width:34px;
	height:34px;
	border-radius:50%;
	background:#dbeafe;
	color:#1d4ed8;
	font-weight:900;
}
.evtaxuk-service__scheduler-empty strong{
	display:block;
	color:var(--es-navy);
}
.evtaxuk-service__scheduler-empty p{
	margin:3px 0 0;
	color:var(--es-muted);
}
.evtaxuk-service__grid>.evtaxuk-service__panel:nth-child(2){
	min-height:340px;
}
.evtaxuk-service__panel,
.evtaxuk-service__stats article{
	transition:box-shadow .18s ease,transform .18s ease;
}
.evtaxuk-service__panel:hover{
	box-shadow:var(--evtaxuk-shadow-strong,0 20px 55px rgba(15,23,42,.14));
}
@media(max-width:1100px){
	.evtaxuk-service__scheduler-row.is-primary{
		grid-template-columns:1fr 1fr;
	}
	.evtaxuk-service__scheduler-row.is-primary .is-title{
		grid-column:1/-1;
	}
	.evtaxuk-service__scheduler-row.is-secondary{
		grid-template-columns:1fr 1fr auto;
	}
}
@media(max-width:760px){
	.evtaxuk-service__scheduler-heading{
		align-items:flex-start;
		flex-direction:column;
	}
	.evtaxuk-service__scheduler-row.is-primary,
	.evtaxuk-service__scheduler-row.is-secondary{
		grid-template-columns:1fr;
	}
	.evtaxuk-service__scheduler-row.is-primary .is-title{
		grid-column:auto;
	}
	.evtaxuk-service__schedule-action button,
	.evtaxuk-service__view-schedule{
		width:100%;
	}
	.evtaxuk-service__grid>.evtaxuk-service__panel:nth-child(2){
		min-height:0;
	}
}