/* Customer master and 360 view (pt- prefix). */
.pt-hero { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; background: linear-gradient(120deg, var(--brand-navy, #061a36), var(--brand-primary, #0a6fd2)); color: #fff; border-radius: 12px; padding: 18px 20px; }
.pt-id { display: flex; gap: 14px; align-items: center; min-width: 0; }
.pt-avatar { width: 54px; height: 54px; border-radius: 14px; background: rgba(255,255,255,.16); display: grid; place-items: center; font-size: 20px; font-weight: 800; flex: none; }
.pt-hero h2 { margin: 0; font-size: 22px; color: #fff; }
.pt-hero p { margin: 2px 0 8px; color: rgba(255,255,255,.82); font-size: 13px; }
.pt-roles { display: flex; flex-wrap: wrap; gap: 6px; }
.pt-quality { background: #fff; border-radius: 10px; padding: 6px 12px; color: #0f2341; }
.pt-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pt-col { background: #f3f7fb; border: 1px solid #dde6ef; border-radius: 10px; padding: 8px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pt-col header { display: flex; justify-content: space-between; gap: 6px; font-size: 13px; padding: 2px 4px; }
.pt-col header span { color: var(--muted); font-size: 12px; }
.pt-card { background: #fff; border: 1px solid #dde6ef; border-radius: 8px; padding: 9px 10px; display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; }
.pt-card > span, .pt-card small { color: var(--muted); }
.pt-card-f { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; }
.pt-card-f em { font-style: normal; font-size: 11.5px; color: var(--muted); }
.pt-card form { margin-top: 4px; flex-wrap: wrap; }
.pt-card form select, .pt-card form input { max-width: 100%; }
.pt-consent { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid #eef2f6; }
.pt-consent small { display: block; color: var(--muted); }
@media (max-width: 1100px) { .pt-board { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .pt-board { grid-template-columns: minmax(0, 1fr); } }


/* Pinnacle Premier Bank: black navigation with restrained gold selection accents. */
.ct-top,header.top,.ct-modbar,.topnav,.ct-navtitle,.navtitle,.navbar.bg-primary,.nav-menu.bg-primary,.sidebar.bg-primary{background:#000!important;background-image:none!important;border-color:#252525!important;color:#fff!important}
.ct-top-title,.ct-top-title b,.ct-session,.ct-modbar a,.topnav a,.topnav button,.ct-navtitle span,.navtitle span{color:#fff!important}
.ct-modbar a:hover,.ct-modbar a.on,.topnav a:hover,.topnav a.on,.topnav button:hover,.topnav button.on{background:#242424!important;color:#fff!important}
.ct-sidebar,.shell>.sidebar{background:#f2f2f2!important;border-color:#d3d3d3!important}
.ct-navitem,.navitem{color:#171717!important;background:linear-gradient(#fff,#f3f3f3)!important;border-color:#d0d0d0!important}
.ct-navitem i,.navitem svg{color:#171717!important}
.ct-navitem:hover,.ct-navitem.on,.navitem:hover,.navitem.on,.nav-link.active,.sidebar .nav-link.active{color:#fff!important;background:#111!important;box-shadow:inset 3px 0 0 #c8a34a!important}
.ct-navitem:hover i,.ct-navitem.on i,.navitem:hover svg,.navitem.on svg{color:#e3c375!important}
.ct-navtitle span,.navtitle span{background:#292929!important}
.ct-topbtn,.ct-command,.ct-command input,.ct-top .ct-avatar{background:#171717!important;border-color:#454545!important;color:#fff!important}
.ct-menu .drop a:hover,.ct-menu .drop button:hover{background:#111!important;color:#fff!important}