.gcv-org-chart, .gcv-directory, .gcv-profile, .gcv-edit-form { --gcv-primary: #1e6fd9; --gcv-primary-dark:#124f9e; font-family: -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif; color:#222; }

/* ---------- Org chart tree ---------- */
.gcv-org-chart { overflow-x:auto; padding:20px 10px; text-align:center; }
.gcv-node { display:inline-block; vertical-align:top; padding:0 12px; position:relative; }
.gcv-node-box { display:inline-block; position:relative; }
.gcv-node-link { display:flex; align-items:center; gap:8px; background:#fff; border:2px solid var(--gcv-primary); border-radius:10px; padding:8px 14px 8px 8px; min-width:180px; text-decoration:none; color:#222; box-shadow:0 2px 6px rgba(0,0,0,.08); transition:transform .15s; }
.gcv-node-link:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,.15); }
.gcv-node-photo img, .gcv-node-photo .gcv-no-photo { width:44px; height:44px; border-radius:50%; object-fit:cover; }
.gcv-node-photo .gcv-no-photo { display:flex; align-items:center; justify-content:center; background:var(--gcv-primary); color:#fff; font-weight:700; }
.gcv-node-text { text-align:left; line-height:1.25; }
.gcv-node-text strong { display:block; font-size:13px; }
.gcv-node-text em { display:block; font-size:11px; font-style:normal; color:#666; }
.gcv-toggle { position:absolute; top:-10px; left:50%; transform:translateX(-50%); width:20px; height:20px; border-radius:50%; border:none; background:var(--gcv-primary); color:#fff; cursor:pointer; font-size:14px; line-height:18px; z-index:2; }
.gcv-node-children { display:none; padding-top:24px; position:relative; white-space:nowrap; }
.gcv-node-children.open { display:block; }
.gcv-node.has-children > .gcv-node-children::before { content:""; position:absolute; top:0; left:50%; width:1px; height:24px; background:#ccc; }

/* ---------- Directory ---------- */
.gcv-directory-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.gcv-directory-filters input, .gcv-directory-filters select { padding:8px 10px; border:1px solid #ccc; border-radius:6px; flex:1; min-width:160px; }
.gcv-directory-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:16px; }
.gcv-card { border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; background:#fff; text-align:center; transition:box-shadow .15s; }
.gcv-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.12); }
.gcv-card-photo img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.gcv-card-photo .gcv-no-photo { width:100%; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; background:var(--gcv-primary); color:#fff; font-size:32px; font-weight:700; }
.gcv-card-body { padding:10px; }
.gcv-card-body h3 { font-size:14px; margin:0 0 4px; }
.gcv-card-body h3 a { color:#222; text-decoration:none; }
.gcv-card-title { font-size:11px; color:#666; margin:0 0 4px; }
.gcv-card-meta { font-size:11px; color:var(--gcv-primary); margin:0; }
.gcv-no-results { text-align:center; color:#888; padding:30px 0; }

/* ---------- Profile ---------- */
.gcv-profile { max-width:640px; margin:0 auto; }
.gcv-profile-header { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.gcv-profile-header img { width:96px; height:96px; border-radius:50%; object-fit:cover; }
.gcv-profile-position { color:var(--gcv-primary); font-weight:600; }
.gcv-profile-section { margin-bottom:18px; }
.gcv-profile-section h4 { border-bottom:2px solid var(--gcv-primary); display:inline-block; padding-bottom:2px; margin-bottom:8px; }
.gcv-profile-section ul { list-style:none; margin:0; padding:0; }
.gcv-profile-section li { padding:3px 0; }
.gcv-hidden { color:#aaa; letter-spacing:2px; }

/* ---------- Edit form ---------- */
.gcv-edit-form { max-width:480px; }
.gcv-edit-form p { margin-bottom:12px; }
.gcv-edit-form label { display:block; font-weight:600; margin-bottom:4px; font-size:13px; }
.gcv-edit-form input, .gcv-edit-form select { width:100%; padding:8px 10px; border:1px solid #ccc; border-radius:6px; }
.gcv-btn-save { background:var(--gcv-primary); color:#fff; border:none; padding:10px 22px; border-radius:6px; cursor:pointer; font-weight:600; }
.gcv-btn-save:hover { background:var(--gcv-primary-dark); }
.gcv-notice { background:#e6f4ea; border:1px solid #34a853; color:#1e7e34; padding:8px 12px; border-radius:6px; margin-bottom:14px; }
.gcv-login-required { text-align:center; padding:20px; background:#fff8e1; border-radius:8px; }

/* ---------- Training table ---------- */
.gcv-training-table { width:100%; border-collapse:collapse; }
.gcv-training-table th, .gcv-training-table td { border:1px solid #eee; padding:8px 10px; text-align:left; font-size:13px; }
.gcv-training-table th { background:#f5f7fa; }

@media (max-width:600px) {
	.gcv-directory-filters { flex-direction:column; }
}