/*!
 * Residential Electrical Panel Upgrade Checker — module stylesheet
 *
 * COLOUR SPEC
 *   Primary    #1D4ED8  electric blue   — header gradient start, buttons, focus
 *   Secondary  #0F172A  deep navy       — header gradient end, headline card
 *   Accent     #F59E0B  amber           — CAUTION FILL ONLY, never body text
 *   BG         #F8FAFC  light neutral   — panel background
 *
 * CONTRAST NOTES (all measured, not assumed):
 *   white on #1D4ED8 ............. 6.70:1   header text, buttons
 *   white on #0F172A ............ 17.85:1   headline number card
 *   #1D4ED8 text on #F8FAFC ...... 6.41:1   section headings, links
 *   #F59E0B text on #F8FAFC ...... 2.05:1   FAILS — so amber text uses #92400E (6.78:1)
 *   pass  #14532D on #ECFDF5 ..... 8.65:1
 *   caution #7C2D12 on #FFFBEB ... 9.04:1
 *   fail  #7F1D1D on #FEF2F2 ..... 9.16:1
 *
 * Every selector is scoped under the tool root so nothing leaks onto the page
 * and the theme cannot reach in. A :where() reset neutralises inherited
 * element styling without out-ranking the component rules below it.
 *
 * Mobile-first: 320–425px is the base layout; grids only switch on at 768px+.
 */

/* =========================================================
   1. ROOT + TOKENS
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool{
	--e2zi-residential-panel-upgrade-checker-primary: #1d4ed8;
	--e2zi-residential-panel-upgrade-checker-primary-dark: #1739a8;
	--e2zi-residential-panel-upgrade-checker-secondary: #0f172a;
	--e2zi-residential-panel-upgrade-checker-accent: #f59e0b;
	--e2zi-residential-panel-upgrade-checker-accent-text: #92400e;
	--e2zi-residential-panel-upgrade-checker-bg: #f8fafc;
	--e2zi-residential-panel-upgrade-checker-surface: #ffffff;
	--e2zi-residential-panel-upgrade-checker-line: #d8e0ea;
	--e2zi-residential-panel-upgrade-checker-ink: #0f172a;
	--e2zi-residential-panel-upgrade-checker-ink-soft: #334155;
	--e2zi-residential-panel-upgrade-checker-ink-mute: #475569;

	--e2zi-residential-panel-upgrade-checker-pass-bg: #ecfdf5;
	--e2zi-residential-panel-upgrade-checker-pass-ink: #14532d;
	--e2zi-residential-panel-upgrade-checker-pass-bar: #15803d;
	--e2zi-residential-panel-upgrade-checker-warn-bg: #fffbeb;
	--e2zi-residential-panel-upgrade-checker-warn-ink: #7c2d12;
	--e2zi-residential-panel-upgrade-checker-warn-bar: #f59e0b;
	--e2zi-residential-panel-upgrade-checker-fail-bg: #fef2f2;
	--e2zi-residential-panel-upgrade-checker-fail-ink: #7f1d1d;
	--e2zi-residential-panel-upgrade-checker-fail-bar: #b91c1c;

	font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
	font-size: 16px;
	line-height: 1.55;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	box-sizing: border-box;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool *,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool *::before,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool *::after{
	box-sizing: inherit;
}

/* Dark mode — core ka dark block kuch tokens define nahi karta, isliye jo
   chahiye wo yahin set kar rahe hain. Core file bilkul touch nahi hoti. */
[data-e2zi-theme="dark"] .e2zi-residential-panel-upgrade-checker-tool{
	--e2zi-residential-panel-upgrade-checker-primary: #93b4ff;
	--e2zi-residential-panel-upgrade-checker-primary-dark: #b8ceff;
	--e2zi-residential-panel-upgrade-checker-accent-text: #fbbf24;
	--e2zi-residential-panel-upgrade-checker-bg: #131a23;
	--e2zi-residential-panel-upgrade-checker-surface: #1a232e;
	--e2zi-residential-panel-upgrade-checker-line: #2b3949;
	--e2zi-residential-panel-upgrade-checker-ink: #e8eef6;
	--e2zi-residential-panel-upgrade-checker-ink-soft: #c2cede;
	--e2zi-residential-panel-upgrade-checker-ink-mute: #a8b4c4;

	--e2zi-residential-panel-upgrade-checker-pass-bg: #10281c;
	--e2zi-residential-panel-upgrade-checker-pass-ink: #86efac;
	--e2zi-residential-panel-upgrade-checker-warn-bg: #2d2410;
	--e2zi-residential-panel-upgrade-checker-warn-ink: #fcd34d;
	--e2zi-residential-panel-upgrade-checker-fail-bg: #2d1414;
	--e2zi-residential-panel-upgrade-checker-fail-ink: #fca5a5;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-hidden{
	display: none !important;
}

/* =========================================================
   1b. THEME RESET
   Theme aksar ".entry-content h2 {}" likhta hai — uski specificity (0,1,1)
   ek single class (0,1,0) se zyada hai. Isliye har rule root se scoped hai,
   aur ye reset :where() me hai taki wo component rules ko na harae.
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(h1, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h2, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h3, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h4, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h5, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h6, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool p, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool ul, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool ol, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool dl, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool dd, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool table, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool figure){
	margin: 0;
	padding: 0;
	font-family: inherit;
	color: inherit;
	letter-spacing: normal;
	text-transform: none;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(h1, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h2, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h3, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h4, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h5, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool h6){
	font-size: 1em;
	font-weight: 700;
	line-height: 1.3;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(button, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool input, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool select, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool textarea){
	font-family: inherit;
	font-size: inherit;
	letter-spacing: normal;
	text-transform: none;
	box-shadow: none;
	margin: 0;
	max-width: none;
	width: auto;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(button){
	appearance: none;
	-webkit-appearance: none;
	background-image: none;
	text-shadow: none;
	border: 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(label){
	display: block;
	margin: 0;
	font-weight: inherit;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(table){
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool :where(details, .e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool summary){
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

/* =========================================================
   2. HEADER — gradient Primary -> Secondary
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-header{
	/* Shared base gradient/padding deta hai; yahan sirf apne do stop pass karte hain. */
	--e2zi-header-from: #1d4ed8;
	--e2zi-header-to: #0f172a;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-title{
	margin: 0 0 6px;
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.25;
	color: #ffffff;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-subtitle{
	margin: 0;
	max-width: 62ch;
	font-size: 0.9rem;
	/* #dbe6fb on the lightest gradient stop (#1d4ed8) = 5.5:1 */
	color: #dbe6fb;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tabs{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 16px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tab{
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tab input{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tab span{
	display: flex;
	align-items: center;
	justify-content: center;
	/* 44px minimum tap target */
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 999px;
	font-size: 0.85rem;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
	transition: background 180ms ease, color 180ms ease;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tab input:checked + span{
	background: #ffffff;
	border-color: #ffffff;
	/* #1d4ed8 on white = 6.41:1 */
	color: #1d4ed8;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tab input:focus-visible + span{
	outline: 3px solid #ffffff;
	outline-offset: 2px;
}

/* =========================================================
   3. BODY + GRID (mobile first — one column)
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-body{
	padding: 16px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	align-items: start;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-inputs,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-results-panel{
	min-width: 0;
	padding: 16px;
	background: var(--e2zi-residential-panel-upgrade-checker-surface);
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 10px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-section{
	margin: 22px 0 10px;
	padding-bottom: 7px;
	border-bottom: 2px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	font-size: 1rem;
	font-weight: 700;
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-section:first-child{
	margin-top: 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-sub{
	margin: 16px 0 8px;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-soft);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-note{
	margin: 0 0 12px;
	font-size: 0.8rem;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
}

/* =========================================================
   4. FIELDS
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-row{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-field{
	min-width: 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-label{
	display: block;
	margin-bottom: 2px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-help{
	display: block;
	margin-bottom: 5px;
	font-size: 0.74rem;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-control{
	display: flex;
	align-items: stretch;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-input,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-select{
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	/* 44px tap target, aur 16px font taki iOS zoom na kare */
	min-height: 44px;
	padding: 10px 11px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-surface);
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
	font-size: 1rem;
	line-height: 1.3;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-input:focus,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-select:focus{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: -1px;
	border-color: var(--e2zi-residential-panel-upgrade-checker-primary);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-unit{
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	padding: 0 10px;
	margin-left: -1px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-ink-soft);
	font-size: 0.78rem;
	white-space: nowrap;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-control > .e2zi-residential-panel-upgrade-checker-input:not(:only-child),
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-control > .e2zi-residential-panel-upgrade-checker-select:not(:only-child){
	border-radius: 8px 0 0 8px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-control > .e2zi-residential-panel-upgrade-checker-unit:last-child{
	border-radius: 0 8px 8px 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-reset{
	flex: 0 0 auto;
	width: 44px;
	min-height: 44px;
	margin-left: -1px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 0 8px 8px 0;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-reset:hover{
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-reset:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: -2px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-reset.is-changed{
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
	border-color: var(--e2zi-residential-panel-upgrade-checker-primary);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	margin-left: 3px;
	border-radius: 50%;
	background: var(--e2zi-residential-panel-upgrade-checker-primary);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	cursor: help;
	vertical-align: middle;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: 2px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info::after{
	content: attr(data-e2zi-tip);
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: 250px;
	padding: 9px 11px;
	border-radius: 8px;
	background: #0f172a;
	color: #f1f5f9;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	white-space: normal;
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 30;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info:hover::after,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info:focus::after,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info:focus-visible::after{
	opacity: 1;
	visibility: visible;
}

/* =========================================================
   5. REPEATABLE ITEM ROWS
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-items{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 10px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-item{
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px;
	align-items: center;
	padding: 10px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 8px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-item > .e2zi-residential-panel-upgrade-checker-input{
	grid-column: 1 / -1;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-remove{
	width: 44px;
	height: 44px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-surface);
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-remove:hover{
	color: var(--e2zi-residential-panel-upgrade-checker-fail-bar);
	border-color: var(--e2zi-residential-panel-upgrade-checker-fail-bar);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-remove:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-fail-bar);
	outline-offset: 2px;
}

/* =========================================================
   6. BUTTONS
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-add{
	width: 100%;
	min-height: 44px;
	padding: 11px 14px;
	border: 1px dashed var(--e2zi-residential-panel-upgrade-checker-primary);
	border-radius: 8px;
	background: transparent;
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-add:hover{
	background: rgba(29, 78, 216, 0.07);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-add:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: 2px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-calc{
	display: block;
	width: 100%;
	min-height: 52px;
	margin-top: 20px;
	padding: 14px 20px;
	border-radius: 10px;
	background: var(--e2zi-residential-panel-upgrade-checker-primary);
	color: #ffffff;
	font-size: 1.02rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 180ms ease;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-calc:hover{
	background: var(--e2zi-residential-panel-upgrade-checker-primary-dark);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-calc:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-secondary);
	outline-offset: 2px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool [data-e2zi-theme="dark"] .e2zi-residential-panel-upgrade-checker-calc{
	color: #08131a;
}

/* =========================================================
   7. ADVANCED ACCORDION
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced{
	margin-top: 18px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced-head{
	min-height: 44px;
	display: flex;
	align-items: center;
	padding: 11px 14px;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
	cursor: pointer;
	list-style: none;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced-head::-webkit-details-marker{
	display: none;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced-head::before{
	content: "\25B8";
	margin-right: 8px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced[open] > .e2zi-residential-panel-upgrade-checker-advanced-head::before{
	content: "\25BE";
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced-head:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: -3px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-advanced-body{
	padding: 0 14px 14px;
	border-top: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
}

/* =========================================================
   8. RESULTS
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-empty{
	padding: 32px 16px;
	border: 1px dashed var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	text-align: center;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
	font-size: 0.9rem;
}

/* Verdict card — rang ke saath icon aur shabd dono, sirf colour par nahi. */
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict{
	display: flex;
	gap: 12px;
	padding: 16px;
	margin-bottom: 14px;
	border-radius: 10px;
	border-left: 6px solid var(--e2zi-residential-panel-upgrade-checker-pass-bar);
	background: var(--e2zi-residential-panel-upgrade-checker-pass-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-pass-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict.is-caution{
	border-left-color: var(--e2zi-residential-panel-upgrade-checker-warn-bar);
	background: var(--e2zi-residential-panel-upgrade-checker-warn-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-warn-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict.is-fail{
	border-left-color: var(--e2zi-residential-panel-upgrade-checker-fail-bar);
	background: var(--e2zi-residential-panel-upgrade-checker-fail-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-fail-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict-icon{
	flex: 0 0 auto;
	font-size: 1.3rem;
	line-height: 1.2;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict-body{
	min-width: 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict-tag{
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict-head{
	display: block;
	margin: 2px 0 5px;
	font-size: 1.08rem;
	font-weight: 800;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-verdict-plain{
	margin: 0;
	font-size: 0.9rem;
}

/* Headline number — solid dark card so it is instantly scannable. */
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-headline{
	padding: 18px 16px;
	margin-bottom: 14px;
	border-radius: 10px;
	background: var(--e2zi-residential-panel-upgrade-checker-secondary);
	text-align: center;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-headline-label{
	margin: 0 0 4px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	/* #bfdbfe on #0f172a = 12.56:1 */
	color: #bfdbfe;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-headline-value{
	margin: 0;
	font-size: 2.1rem;
	font-weight: 800;
	line-height: 1.1;
	color: #ffffff;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-headline-sub{
	margin: 6px 0 0;
	font-size: 0.82rem;
	color: #cbd5e1;
}

/* Headroom bar */
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-bar-wrap{
	margin-bottom: 14px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-bar-head{
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 5px;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-soft);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-bar{
	position: relative;
	height: 26px;
	border-radius: 999px;
	overflow: hidden;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-bar-fill{
	height: 100%;
	background: var(--e2zi-residential-panel-upgrade-checker-pass-bar);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-bar-fill.is-caution{
	background: var(--e2zi-residential-panel-upgrade-checker-warn-bar);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-bar-fill.is-fail{
	background: var(--e2zi-residential-panel-upgrade-checker-fail-bar);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-kpis{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 14px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-kpi{
	padding: 10px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	border-top: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-kpi-label{
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-kpi-value{
	display: block;
	margin-top: 2px;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-block{
	margin-bottom: 14px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-block-title{
	margin: 0 0 7px;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap{
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table{
	width: 100%;
	border-collapse: collapse;
	font-size: 0.82rem;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table th,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table td{
	padding: 7px 9px;
	border-bottom: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	text-align: left;
	vertical-align: top;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table thead th{
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-soft);
	white-space: nowrap;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table td:not(:first-child),
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table th:not(:first-child){
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table tr.is-total td{
	font-weight: 700;
	border-top: 2px solid var(--e2zi-residential-panel-upgrade-checker-primary);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-table tr.is-best td{
	background: var(--e2zi-residential-panel-upgrade-checker-pass-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-pass-ink);
	font-weight: 700;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-pill{
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 800;
	white-space: nowrap;
	background: var(--e2zi-residential-panel-upgrade-checker-pass-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-pass-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-pill.is-caution{
	background: var(--e2zi-residential-panel-upgrade-checker-warn-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-warn-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-pill.is-fail{
	background: var(--e2zi-residential-panel-upgrade-checker-fail-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-fail-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-alert{
	display: flex;
	gap: 9px;
	padding: 11px 13px;
	margin-bottom: 9px;
	border-left: 4px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	font-size: 0.84rem;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-alert.is-caution{
	border-left-color: var(--e2zi-residential-panel-upgrade-checker-warn-bar);
	background: var(--e2zi-residential-panel-upgrade-checker-warn-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-warn-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-alert.is-fail{
	border-left-color: var(--e2zi-residential-panel-upgrade-checker-fail-bar);
	background: var(--e2zi-residential-panel-upgrade-checker-fail-bg);
	color: var(--e2zi-residential-panel-upgrade-checker-fail-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-alert-tag{
	flex: 0 0 auto;
	font-weight: 800;
	white-space: nowrap;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-refs{
	font-size: 0.76rem;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-refs ul{
	margin: 0 0 8px;
	padding-left: 1.05rem;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-refs li{
	margin-bottom: 3px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-refs code{
	padding: 1px 4px;
	border-radius: 4px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.95em;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

/* =========================================================
   9. CHART (inline SVG, no library)
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-chart:not(:empty){
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-chart svg{
	display: block;
	width: 100%;
	height: auto;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-legend{
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;
	margin-top: 10px;
	font-size: 0.8rem;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-legend-item{
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--e2zi-residential-panel-upgrade-checker-ink);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-swatch{
	flex: 0 0 auto;
	width: 12px;
	height: 12px;
	border-radius: 3px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-legend-val{
	margin-left: auto;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-soft);
}

/* =========================================================
   10. EXPORT + DISCLAIMER
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-export{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-exp{
	flex: 1 1 auto;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	border-radius: 8px;
	background: transparent;
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-exp:hover{
	background: rgba(29, 78, 216, 0.07);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-exp:focus-visible{
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: 2px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-disclaimer{
	margin: 14px 0 0;
	padding-top: 11px;
	border-top: 1px solid var(--e2zi-residential-panel-upgrade-checker-line);
	font-size: 0.76rem;
	line-height: 1.5;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
}

/* =========================================================
   11. RESPONSIVE — 320px base, enhance upward
   ========================================================= */

@media (min-width: 480px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-item{
		grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-item > .e2zi-residential-panel-upgrade-checker-input{
		grid-column: auto;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-exp{
		flex: 0 1 auto;
	}
}

@media (min-width: 768px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-header{
		padding: 26px 24px;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-title{
		font-size: 1.7rem;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-body{
		padding: 24px;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-row{
		grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tab{
		flex: 0 1 auto;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-legend{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5px 18px;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-headline-value{
		font-size: 2.5rem;
	}
}

@media (min-width: 1024px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-grid{
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
		gap: 20px;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-results-panel{
		position: sticky;
		top: 16px;
		max-height: calc(100vh - 2rem);
		overflow-y: auto;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-inputs,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-results-panel{
		padding: 20px;
	}
}

@media (min-width: 1280px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-row{
		grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-kpis{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Mobile par Calculate button chipka rehta hai — lambe form me
   user ko wapas upar scroll nahi karna padta. */
@media (max-width: 1023px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-calc{
		position: sticky;
		bottom: 10px;
		z-index: 20;
		box-shadow: 0 6px 20px rgba(15, 23, 42, 0.28);
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-info::after{
		max-width: 72vw;
	}
}

/* =========================================================
   12. PRINT
   ========================================================= */

@media print {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-inputs,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-export,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tabs{
		display: none !important;
	}

	.e2zi-residential-panel-upgrade-checker-tool{
		box-shadow: none;
		border: 1px solid #94a3b8;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-grid{
		display: block;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-results-panel{
		position: static;
		max-height: none;
		overflow: visible;
		border: 0;
		padding: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool *{
		transition-duration: 0.01ms !important;
	}
}

/* =========================================================
   PER-SECTION ADVANCED OVERRIDE (Fix 3)
   Har section ka apna chhota Advanced — neeche wale bade Advanced
   block se halka aur alag dikhna chahiye.
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv {
	margin: 0 0 14px;
	border: 1px dashed var(--e2zi-residential-panel-upgrade-checker-line);
	border-radius: 8px;
	background: var(--e2zi-residential-panel-upgrade-checker-bg);
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv-head {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 12px;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--e2zi-residential-panel-upgrade-checker-primary);
	cursor: pointer;
	list-style: none;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv-head::-webkit-details-marker {
	display: none;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv-head::before {
	content: "\25B8";
	margin-right: 7px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv[open] > .e2zi-residential-panel-upgrade-checker-secadv-head::before {
	content: "\25BE";
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv-head:focus-visible {
	outline: 3px solid var(--e2zi-residential-panel-upgrade-checker-primary);
	outline-offset: -3px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-secadv-body {
	padding: 0 12px 12px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-regionwrap {
	margin-top: 14px;
}


/* =========================================================
   RESPONSIVE INPUT-GROUP FIX
   Screenshot me "100 A" -> "100 /" aur "Square feet" -> "Squa" kat raha tha,
   aur number box itna patla ho gaya tha ki "100" bhi poora nahi dikhta tha.
   Wajah: input + unit + reset ek hi flex row me the aur unit/reset ki fixed
   chaudai ne input ke liye kuch bacha hi nahi. Ab row wrap karti hai aur
   har hisse ki apni minimum chaudai hai — kuch bhi clip nahi hota.
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-control {
	flex-wrap: wrap;
	gap: 0;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-input,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-select {
	/* 5 digit ya sabse lambi option ke liye jagah, chahe column kitna bhi tang ho */
	flex: 1 1 6.5rem;
	min-width: 6.5rem;
	width: auto;
}

/* Native select ka arrow apni jagah leta hai — uske liye padding chhodo,
   warna aakhri akshar arrow ke neeche chala jata hai. */
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-select {
	padding-right: 30px;
	text-overflow: ellipsis;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-unit {
	flex: 0 0 auto;
	max-width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-reset {
	flex: 0 0 44px;
}

/* Agar sach me jagah nahi bachi to reset agli line par jata hai —
   input kabhi chhota nahi hota. */
@media (max-width: 400px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-input,
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-select {
		flex: 1 1 100%;
		min-width: 0;
		border-radius: 8px;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-unit {
		border-radius: 0 0 0 8px;
		border-top: 0;
	}

	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-reset {
		margin-left: auto;
		border-radius: 0 0 8px 0;
		border-top: 0;
	}
}

/* =========================================================
   MOBILE TABLE SLIDER
   Chhoti screen par result tables ko nichodne ke bajaye side me
   scroll karne dete hain, aur user ko batate hain ki scroll ho sakta hai.
   ========================================================= */

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap table {
	/* Isse table nichudti nahi — scroll hoti hai, aur padhne layak rehti hai */
	min-width: 34rem;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap th,
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap td {
	scroll-snap-align: start;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap::-webkit-scrollbar {
	height: 8px;
}

.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablewrap::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: var(--e2zi-residential-panel-upgrade-checker-line);
}

/* Scroll ka ishara — sirf tab dikhta hai jab table sach me chaudi ho */
.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablehint {
	display: none;
	margin: 5px 0 0;
	font-size: 0.72rem;
	color: var(--e2zi-residential-panel-upgrade-checker-ink-mute);
}

@media (max-width: 640px) {
	.e2zi-residential-panel-upgrade-checker-tool.e2zi-residential-panel-upgrade-checker-tool .e2zi-residential-panel-upgrade-checker-tablehint {
		display: block;
	}
}