/* Perepat Carta Organisasi — front end (same look as the original theme chart) */
.pc-carta {
	--pc-green: var(--mp-green, #3f6b2a);
	--pc-leaf: var(--mp-leaf, #7cbf3f);
	--pc-leaf-soft: var(--mp-leaf-soft, #f3f9ec);
	--pc-muted: var(--mp-muted, #6b7466);
	--pc-w: 200px;
	display: flex; flex-direction: column; align-items: center;
	margin: 1.5rem 0;
}
.pc-carta .pc-tajuk { text-align: center; margin: 0 0 1.25rem; }
.pc-carta .pc-tier { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; width: 100%; }
.pc-carta .pc-line { width: 2px; height: 26px; background: var(--pc-leaf); margin: .5rem 0; flex: none; }
.pc-carta .pc-node {
	box-sizing: border-box; width: var(--pc-w); min-width: 0;
	background: #fff; border: 1px solid #dfe7d6; border-top: 4px solid var(--pc-green);
	border-radius: 10px; padding: .85rem .9rem; text-align: center;
	box-shadow: 0 6px 16px rgba(29,51,20,.06);
	display: flex; flex-direction: column; align-items: center;
}
.pc-carta .pc-sorot .pc-node { border-top-color: var(--pc-leaf); background: var(--pc-leaf-soft); }
.pc-carta .pc-foto {
	width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: 50% 22%;
	border: 3px solid var(--pc-leaf); margin: 0 auto .6rem; display: block; background: #fff; flex: none;
}
.pc-carta .pc-foto-kosong { display: flex; align-items: center; justify-content: center; color: #c9d4bf; background: #f6f8f3; border-style: dashed; }
.pc-carta .pc-jawatan { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--pc-muted); line-height: 1.35; }
.pc-carta .pc-ket { font-size: .78rem; color: var(--pc-muted); line-height: 1.3; margin-top: .1rem; }
.pc-carta .pc-nama { font-weight: 600; margin-top: .25rem; line-height: 1.3; }
.pc-carta .pc-nota { text-align: center; font-size: .9rem; color: var(--pc-muted); margin: 1.25rem 0 0; }
.pc-carta .pc-edit { margin: 1rem 0 0; font-size: .85rem; }
.pc-carta .kemaskini { background: #fff3c4; color: #7a5b00; padding: 0 .35em; border-radius: 3px; font-style: normal; }

@media (max-width: 575.98px) {
	.pc-carta .pc-tier { gap: .6rem; }
	.pc-carta .pc-node { width: calc(50% - .3rem); padding: .7rem .5rem; }
	.pc-carta .pc-foto { width: 76px; height: 76px; }
	.pc-carta .pc-tier > .pc-node:only-child { width: 70%; }
}