/* Talent and succession (module 38): the nine-box board, mini grid, bench badges, chips. */
.tl-board { display: grid; grid-template-columns: 26px minmax(0, 1fr); grid-template-rows: auto auto; gap: 6px; }
.tl-yaxis { grid-row: 1; display: flex; align-items: center; justify-content: center; }
.tl-yaxis span { writing-mode: vertical-rl; transform: rotate(180deg); font-weight: 700; font-size: 12px; color: #4a6079; }
.tl-xaxis { grid-column: 2; display: flex; justify-content: space-between; font-weight: 700; font-size: 12px; color: #4a6079; }
.tl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tl-cell { border-radius: 12px; padding: 10px; min-height: 150px; display: flex; flex-direction: column; gap: 6px; border: 2px solid transparent; min-width: 0; }
.tl-cell header { display: flex; justify-content: space-between; gap: 6px; }
.tl-cell header span { font-weight: 800; }
.tl-cell > small { color: #4a6079; font-size: 11.5px; }
.tl-cell.over { border-color: #1d4f8f; border-style: dashed; }
.tl-cell.b9, .tl-cell.b8, .tl-cell.b6 { background: #e3f5ec; }
.tl-cell.b7, .tl-cell.b5, .tl-cell.b3 { background: #eaf2fb; }
.tl-cell.b4, .tl-cell.b2 { background: #fff6e2; }
.tl-cell.b1 { background: #fde8e2; }
.tl-chip { background: #fff; border: 1px solid #dfe6ee; border-left: 4px solid #13b985; border-radius: 8px; padding: 6px 8px; display: grid; gap: 2px; font-size: 12.5px; min-width: 0; }
.tl-chip[draggable="true"] { cursor: grab; }
.tl-chip.drag { opacity: .5; }
.tl-chip.risk-medium { border-left-color: #f5a524; }
.tl-chip.risk-high { border-left-color: #ef5927; }
.tl-chip small { color: #6b7a8c; overflow-wrap: anywhere; }
.tl-chip a { color: inherit; }
.tl-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.tl-sel { font-size: 11.5px; padding: 2px 4px; min-height: 0; height: auto; }
.tl-unplaced { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.tl-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.tl-mc { border-radius: 8px; padding: 8px 6px; text-align: center; display: flex; flex-direction: column; min-width: 0; }
.tl-mc b { font-size: 20px; }
.tl-mc span { font-size: 11px; color: #4a6079; overflow-wrap: anywhere; }
.tl-mc.b9, .tl-mc.b8, .tl-mc.b6 { background: #e3f5ec; }
.tl-mc.b7, .tl-mc.b5, .tl-mc.b3 { background: #eaf2fb; }
.tl-mc.b4, .tl-mc.b2 { background: #fff6e2; }
.tl-mc.b1 { background: #fde8e2; }
.tl-axes { display: flex; justify-content: space-between; font-size: 11.5px; color: #6b7a8c; margin-top: 4px; }
.tl-bench { display: inline-flex; gap: 3px; }
.tl-bench b { min-width: 22px; text-align: center; border-radius: 6px; padding: 1px 5px; font-size: 12px; }
.tl-bench b.ok { background: #e3f5ec; color: #04955d; }
.tl-bench b.warn { background: #fff4dd; color: #a86500; }
.tl-bench b.neutral { background: #eef3f8; color: #4a6079; }
.tl-cov { margin-top: 8px; }
@media (max-width: 760px) {
    .tl-grid { grid-template-columns: minmax(0, 1fr); }
    .tl-board { grid-template-columns: minmax(0, 1fr); }
    .tl-yaxis { display: none; }
    .tl-xaxis { grid-column: 1; }
}


/* 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}