/* Drop 716: client portal menus — areas that open named columns, and a drawer grouped the same way. */
.cpn-cols { display: grid; gap: .2rem; } .cpn-multi { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .4rem 1.2rem; min-width: min(640px, 92vw); padding: .8rem !important; }
.cpn-col { display: grid; gap: 1px; align-content: start; }
.cpn-h { margin: 0 0 .3rem; padding: 0 .7rem; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color:var(--accent-text,var(--accent)); }
.cph-grp-menu .cpn-ico { flex: none; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; background: var(--accent-light); color:var(--accent-text,var(--accent)); }
.cph-grp-menu .cpn-ico svg { width: 14px; height: 14px; opacity: 1; }
.cph-grp:last-of-type .cph-grp-menu, .cph-grp-menu.flip { inset-inline-start: auto; inset-inline-end: 0; }
.cpn-dh { margin: .9rem .8rem .2rem; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color:var(--accent-text,var(--accent)); }
.cpn-dh:first-child { margin-top: .2rem; }