/* Sales module (WP-D): board, opportunity record, forecast, quotas, territories, whitespace, calendar. */
.sl-board { display: grid; grid-template-columns: repeat(5, minmax(220px, 1fr)); gap: 10px; overflow-x: auto; padding-bottom: 6px; }
.sl-col { background: #eef3f8; border: 1px solid #d5e0ea; border-radius: 4px; display: flex; flex-direction: column; min-height: 320px; }
.sl-col header { padding: 9px 10px; border-bottom: 2px solid #111111; background: linear-gradient(#fff, #f3f7fb); border-radius: 4px 4px 0 0; }
.sl-col header b { display: block; font-size: 13px; color: #111111; } .sl-col header .num { font-size: 12px; color: #111111; font-weight: 700; }
.sl-col header small { display: block; font-size: 10.5px; color: var(--muted); margin-top: 2px; }
.sl-cards { padding: 8px; display: grid; gap: 7px; align-content: start; flex: 1; transition: background .15s; }
.sl-cards.over { background: #dceafa; }
.sl-card { background: #fff; border: 1px solid #d5e0ea; border-left: 4px solid var(--brand-primary, #1a7fe0); border-radius: 3px; padding: 8px 9px; display: grid; gap: 3px; cursor: grab; font-size: 12px; box-shadow: 0 1px 2px rgba(7, 29, 66, .06); }
.sl-card.drag { opacity: .45; } .sl-card:focus { outline: 2px solid #0a6fd2; }
.sl-card.on_track { border-left-color: #12a079; } .sl-card.at_risk { border-left-color: #e08a00; } .sl-card.stalled { border-left-color: #d6334b; }
.sl-card b { font-size: 12.5px; color: #0b2a57; } .sl-card .acc { color: var(--muted); } .sl-card .amt { font-weight: 700; color: #123d72; }
.sl-card .meta { display: flex; gap: 8px; color: var(--muted); font-size: 11px; align-items: center; }
.sl-card .hl { margin-left: auto; font-weight: 700; } .sl-card .hl.on_track { color: #0b7a55; } .sl-card .hl.at_risk { color: #95600a; } .sl-card .hl.stalled { color: #b4233a; }
.sl-card .sl-move { font-size: 11px; padding: 2px 4px; border: 1px solid #d5e0ea; border-radius: 3px; background: #f8fbfe; color: #2f5f88; }
.sl-empty { color: #8a9bb0; font-size: 11.5px; text-align: center; margin: 14px 0; }
.sl-boardmsg ul { margin: 0; padding-left: 18px; }
.sl-path { display: flex; flex-wrap: wrap; }
.sl-path span { flex: 1; min-width: 96px; text-align: center; font-size: 12px; font-weight: 700; padding: 8px 4px; background: #e6edf4; color: #6d7f93; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%); margin-right: -6px; }
.sl-path span:first-child { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); }
.sl-path span.done { background: #c9e9dc; color: #0b7a55; } .sl-path span.on { background: #0a6fd2; color: #fff; }
.sl-path span.on.won { background: #12a079; } .sl-path span.on.lost { background: #d6334b; }
.sl-guide { background: #fff8e6; border: 1px solid #f3dca4; padding: 8px 10px; border-radius: 3px; font-size: 12.5px; margin: 0 0 10px; } .sl-guide i { color: #e08a00; }
.sl-req { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 4px; font-size: 12.5px; color: #b4233a; }
.sl-req li.ok { color: #0b7a55; } .sl-tick { display: flex; margin-bottom: 5px; }
.sl-advance { margin-top: 12px; display: grid; gap: 8px; } .sl-advance ul { margin: 4px 0 0; padding-left: 18px; }
.sl-reco { padding: 7px 9px; border: 1px solid #dde5ed; border-left: 3px solid #7553d6; border-radius: 3px; margin-bottom: 6px; font-size: 12px; background: #fbfaff; }
.sl-reco.act { border-left-color: #e08a00; background: #fffbf3; } .sl-reco.conv { border-left-color: #29b6db; background: #f5fcff; }
.sl-reco b { display: block; } .sl-reco span { color: #4b6079; }
.sl-score { list-style: none; margin: 0 0 8px; padding: 0; font-size: 12px; } .sl-score li { display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px dotted #e1e8ef; }
.sl-score li.up b { color: #0b7a55; } .sl-score li.down b { color: #b4233a; }
.sl-outcome { margin-bottom: 4px; } .sl-outcome label { font-size: 12px; font-weight: 700; padding: 6px 12px; cursor: pointer; display: inline-flex; gap: 5px; align-items: center; }
.sl-child td { background: #fafcfe; font-size: 11.5px; } .sl-child td:first-child { padding-left: 22px; }
.sl-dots { display: inline-flex; gap: 3px; } .sl-dots i { width: 9px; height: 9px; border-radius: 50%; background: #dfe7ef; } .sl-dots i.on { background: var(--brand-primary, #1a7fe0); }
.sl-stagebars { display: grid; gap: 7px; }
.sl-stagebars .row { display: grid; grid-template-columns: 112px 1fr 76px; gap: 10px; align-items: center; color: inherit; text-decoration: none; }
.sl-stagebars .l { font-size: 12.5px; font-weight: 700; color: #0b2a57; } .sl-stagebars .l small { display: block; font-weight: 400; font-size: 11px; color: var(--muted); }
.sl-stagebars .bar { position: relative; height: 18px; background: #edf2f7; border-radius: 4px; overflow: hidden; }
.sl-stagebars .bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; } .sl-stagebars .bar i.w { top: 12px; background: #13b985; }
.sl-stagebars b { text-align: right; font-size: 12.5px; } .sl-stagebars b small { display: block; color: #0b7a55; font-weight: 600; font-size: 11px; }
.sl-insp tr.chg td { background: #fffcf2; } .sl-up { color: #0b7a55 !important; } .sl-down { color: #b4233a !important; }
.sl-mgr td { background: #f5f8fc; } .sl-mgr td b { color: #0b2a57; }
.sl-pace { display: inline-flex; gap: 8px; align-items: center; font-size: 12px; font-weight: 700; }
.sl-pace .tb { position: relative; width: 110px; height: 8px; border-radius: 4px; background: #edf2f7; display: inline-block; }
.sl-pace .tb i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: linear-gradient(90deg, #13b985, #04955d); }
.sl-pace .tb em { position: absolute; top: -3px; bottom: -3px; width: 2px; background: #0b2a57; }
.sl-ws th.c, .sl-ws td.c { text-align: center; } .sl-ws .cell { display: inline-block; width: 18px; height: 18px; border-radius: 4px; }
.sl-ws .cell.owned, .sl-legend .owned::before { background: #12a079; } .sl-ws .cell.pipeline, .sl-legend .pipeline::before { background: #f5a524; } .sl-ws .cell.open, .sl-legend .open::before { background: #e3eaf1; border: 1px dashed #9fb2c6; }
.sl-legend { display: flex; gap: 16px; padding: 10px 12px; font-size: 12px; } .sl-legend span::before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }
.sl-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-top: 1px solid #e6edf3; }
.sl-week .day { min-height: 120px; padding: 8px; border-right: 1px solid #e6edf3; } .sl-week .day:last-child { border-right: 0; }
.sl-week .day.today { background: #f2f8ff; } .sl-week h4 { margin: 0 0 6px; font-size: 12px; color: #2f5f88; }
.sl-week .ev { font-size: 11.5px; padding: 5px 6px; margin-bottom: 5px; border-radius: 3px; background: #e3effc; border-left: 3px solid var(--brand-primary, #1a7fe0); }
.sl-week .ev.done { background: #e4f6ef; border-left-color: #12a079; } .sl-week .ev span { display: block; color: var(--muted); }
.sl-slot { display: block; text-align: center; font-size: 11px; padding: 6px 4px; border: 1px solid #c7d2dd; border-radius: 3px; color: #4b6079; } .sl-slot b { display: block; font-size: 13px; color: #123d72; }
.sl-cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.sl-bc { background: #fff; border: 1px solid #dde5ed; border-radius: 4px; padding: 10px 12px; display: grid; gap: 6px; } .sl-bc b { color: #0b2a57; } .sl-bc span { font-size: 12px; color: var(--muted); }
.sl-body { font-size: 13px; line-height: 1.65; color: #1e3550; }
.sl-procs { display: grid; gap: 10px; margin-top: 10px; } .sl-proc { border: 1px solid #dde5ed; border-radius: 4px; padding: 8px 12px 12px; }
.sl-proc legend { font-weight: 700; color: #0a6fd2; padding: 0 6px; }
.sl-sel td { background: #e8f2fd; }
@media print { .ct-sidebar, .ct-top, .ct-modbar, .ct-toolbar .tools, .ct-foot { display: none !important; } .sl-pack .ct-panel { break-inside: avoid; } }
@media (max-width: 900px) { .sl-board { grid-template-columns: repeat(5, 240px); } .sl-week { grid-template-columns: 1fr; } .sl-week .day { min-height: 0; border-right: 0; border-bottom: 1px solid #e6edf3; } }
@media (max-width: 720px) { .sl-stagebars .row { grid-template-columns: 88px 1fr 62px; } .sl-path span { min-width: 80px; font-size: 11px; } }
.sl-meetlist { list-style: none; margin: 0; padding: 0; }
.sl-meetlist li { padding: 10px 14px; border-bottom: 1px solid var(--line); font-size: 13px; }
.sl-meetlist li:last-child { border-bottom: 0; }
.sl-meetlist li div { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sl-meetlist li span { color: var(--muted); font-size: 12px; }


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