/* ==========================================================================
   NCS Tables — base structural styles
   Colours/sizes come from CSS variables set per-widget by Elementor controls.
   The mobile (card) breakpoint is injected per-instance from the widget render.
   ========================================================================== */

.ncs-pe{
	--ncs-accent:#1f4e79;
	--ncs-accent-text:#ffffff;
	--ncs-border:#e2e6ea;
	--ncs-stripe:#f6f8fa;
	--ncs-text:#222b36;
	--ncs-card-bg:#ffffff;
	--ncs-radius:8px;
	--ncs-cell-pad-y:13px;
	--ncs-cell-pad-x:16px;
	color:var(--ncs-text);
	max-width:100%;
}
.ncs-pe *{ box-sizing:border-box; }

/* Visually hidden but available to screen readers (caption, etc.). */
.ncs-pe .ncs-sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
	border:0;
}

.ncs-pe .ncs-title{
	text-align:left;
	font-size:20px;
	font-weight:700;
	color:var(--ncs-accent);
	margin:0 0 12px;
}

.ncs-pe table{
	width:100%;
	border-collapse:collapse;
	border:1px solid var(--ncs-border);
	border-radius:var(--ncs-radius);
	overflow:hidden;
	font-size:16px;
	line-height:1.45;
}
.ncs-pe thead th{
	background:var(--ncs-accent);
	color:var(--ncs-accent-text);
	text-align:left;
	font-weight:600;
	padding:14px var(--ncs-cell-pad-x);
	white-space:nowrap;
}
.ncs-pe tbody td{
	padding:var(--ncs-cell-pad-y) var(--ncs-cell-pad-x);
	border-top:1px solid var(--ncs-border);
	vertical-align:top;
}
.ncs-pe tbody tr:nth-child(even){ background:var(--ncs-stripe); }
.ncs-pe .ncs-primary{ white-space:nowrap; font-weight:600; }
.ncs-pe .ncs-tag{
	display:inline-block;
	padding:2px 10px;
	border-radius:999px;
	background:var(--ncs-stripe);
	border:1px solid var(--ncs-border);
	font-size:14px;
	white-space:nowrap;
}

.ncs-pe .ncs-note{
	font-size:13px;
	color:#5a6573;
	margin-top:12px;
}
