
/* AmbonManise v20 — menu polish + family system */
.amx-nav-dd{position:relative}
.amx-nav-dd>a{border-bottom:0!important;position:relative}
.amx-nav-dd>a:after{display:none!important}
.amx-dd-panel{position:absolute;top:calc(100% - 8px);left:50%;min-width:235px;transform:translate(-50%,10px);opacity:0;visibility:hidden;background:rgba(8,43,58,.985)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px);overflow:hidden;z-index:100}
.amx-dd-panel:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#0b3445;transform:translateX(-50%) rotate(45deg);border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11)}
.amx-dd-panel a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 13px!important;margin:0!important;border:0!important;border-radius:11px!important;color:#eaf5f8!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap}
.amx-dd-panel a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateX(2px)}
.amx-dd-panel a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--am-accent);box-shadow:0 0 0 4px rgba(226,98,47,.12)}
.amx-nav-dd:hover .amx-dd-panel,.amx-nav-dd:focus-within .amx-dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Family landing/dashboard */
.family-v20{background:linear-gradient(180deg,#f5faf9,#fff 35%,#f7f8f6)}
.family-v20 .family-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch}
.family-v20 .family-intro{background:#fff;border:1px solid #e2ecec;border-radius:28px;padding:34px;box-shadow:0 24px 60px rgba(11,59,79,.08)}
.family-v20 .family-intro h2{font-family:var(--am-font-heading);font-size:clamp(38px,4.5vw,62px);line-height:1.02;margin:12px 0 16px;color:#10313f}
.family-v20 .family-intro p{font-size:16px;line-height:1.8;color:#617680;max-width:720px}
.family-v20 .family-showcase{min-height:440px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(11,59,79,.9),rgba(31,111,100,.78)),url('/public/assets/img/mockup-v14/feature-family.jpg') center/cover;display:flex;align-items:center;justify-content:center;padding:30px;color:#fff}
.family-v20 .tree-canvas{width:100%;display:grid;place-items:center;gap:18px}
.family-v20 .tree-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}
.family-v20 .tree-node{background:rgba(255,255,255,.94);color:#163440;border-radius:18px;padding:14px 17px;min-width:160px;text-align:center;box-shadow:0 14px 32px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.8)}
.family-v20 .tree-node small{display:block;color:#71818a;margin-top:4px;font-size:11px}
.family-v20 .tree-line{width:2px;height:26px;background:rgba(255,255,255,.65)}
.family-v20 .family-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.family-v20 .family-stat{background:#f7fbfa;border:1px solid #e1eceb;border-radius:18px;padding:18px}
.family-v20 .family-stat strong{display:block;font-size:28px;color:#0B3B4F}.family-v20 .family-stat span{font-size:12px;color:#6e8088}
.family-v20 .family-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.family-v20 .family-tool{background:#fff;border:1px solid #e3ebee;border-radius:22px;padding:24px;text-decoration:none;color:#163441;box-shadow:0 13px 35px rgba(11,59,79,.06);transition:.2s}
.family-v20 .family-tool:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(11,59,79,.11)}
.family-v20 .family-tool b{display:block;font-size:18px;margin:10px 0 7px}.family-v20 .family-tool p{font-size:13px;line-height:1.65;color:#71828a;margin:0}.family-v20 .family-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#edf7f4;color:#1f6f64;font-size:22px}
.family-dashboard{display:grid;grid-template-columns:270px 1fr;gap:22px;align-items:start}
.family-side{background:#0B3B4F;color:#fff;border-radius:24px;padding:18px;position:sticky;top:92px}.family-side h3{font-family:var(--am-font-heading);font-size:24px;margin:6px 8px 14px}.family-side a{display:flex;padding:12px 13px;color:#dcecf0;text-decoration:none;border-radius:12px;font-size:13px;font-weight:700;margin:3px 0}.family-side a:hover,.family-side a.active{background:rgba(255,255,255,.10);color:#fff}.family-panel{background:#fff;border:1px solid #e2eaed;border-radius:24px;padding:26px;box-shadow:0 16px 40px rgba(11,59,79,.06)}
.family-panel h2{font-family:var(--am-font-heading);font-size:34px;margin:0 0 10px}.family-table{width:100%;border-collapse:collapse}.family-table th,.family-table td{padding:13px 10px;border-bottom:1px solid #ebf0f2;text-align:left;font-size:13px}.family-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#72828a}.family-person-card{display:flex;gap:14px;align-items:center}.family-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#eaf3f3}.family-avatar-fallback{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0B3B4F;color:#fff;font-weight:800;font-size:20px}.family-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.family-form-grid .full{grid-column:1/-1}.family-form-grid label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.family-form-grid input,.family-form-grid select,.family-form-grid textarea{width:100%;padding:13px 14px;border:1px solid #d9e4e7;border-radius:13px;font:inherit;background:#fff}.family-form-grid textarea{min-height:120px;resize:vertical}.family-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf7f3;color:#176a60;font-size:11px;font-weight:800}.family-badge.pending{background:#fff4dd;color:#8a5a00}.family-badge.private{background:#eef0f3;color:#4a5862}

/* CMS menu polish */
.cms-submenu{margin:4px 0 10px 10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.10)}
.cms-submenu a{font-size:12px!important;font-weight:650!important;color:#bcd0d8!important;padding:9px 11px!important}
.cms-menu-parent{display:flex!important;align-items:center;justify-content:space-between}.cms-menu-parent span:last-child{opacity:.55;font-size:11px}

@media(max-width:980px){.family-v20 .family-hero-grid{grid-template-columns:1fr}.family-v20 .family-tools{grid-template-columns:1fr 1fr}.family-dashboard{grid-template-columns:1fr}.family-side{position:static}.family-v20 .family-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.amx-dd-panel{position:static!important;transform:none!important;min-width:0!important;background:rgba(255,255,255,.06)!important;border:0!important;border-radius:14px!important;margin:4px 8px 10px!important;box-shadow:none!important}.amx-dd-panel:before{display:none}.amx-nav-dd:hover .amx-dd-panel{opacity:1}.family-v20 .family-intro{padding:24px 20px}.family-v20 .family-showcase{min-height:350px}.family-v20 .family-tools{grid-template-columns:1fr}.family-v20 .family-stat-grid{grid-template-columns:1fr 1fr}.family-form-grid{grid-template-columns:1fr}.family-form-grid .full{grid-column:auto}.family-panel{padding:20px}.family-table{display:block;overflow-x:auto}}
