.customerchips{margin:20px 0 16px;display:flex;gap:8px;flex-wrap:wrap}.customerstatus{font-size:11px;padding:4px 10px;border-radius:20px;color:#246a4d;background:#e5f4eb;white-space:nowrap}.customerstatus.inactive{background:#edf0f4;color:#66717e}
#sidebarScrollHint{flex-shrink:0;border:1px solid #75969d66;background:#244b56;color:#e1edf0;font-size:10px;padding:7px 10px;margin:6px 0 0;border-radius:7px;cursor:pointer}#sidebarScrollHint[hidden]{display:none!important}body[data-mode=cms]>aside>nav{scrollbar-gutter:stable}body[data-mode=cms]>aside>nav::-webkit-scrollbar{width:7px}body[data-mode=cms]>aside>nav::-webkit-scrollbar-thumb{background:#7c9da7;border-radius:9px}body[data-mode=cms]>aside>nav::-webkit-scrollbar-track{background:#ffffff12;border-radius:9px}
#guidanceTour{position:fixed;inset:0;z-index:120;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;background:linear-gradient(transparent 55%,#0a243b22)}.tourcard{pointer-events:auto;background:#fff;color:#17343c;border:1px solid #d2dfe7;border-radius:18px;padding:24px;width:min(390px,100%);box-shadow:0 20px 70px #08283c40;outline:none}.tourtop{display:flex;align-items:center;justify-content:space-between;gap:12px}.tourtop span{font-size:10px;font-weight:700;letter-spacing:1px;color:#65808f}.tourtop button{background:transparent;border:0;padding:5px;font-size:11px;color:#607783}.tourcard h2{font-size:21px;line-height:1.35;margin:16px 0 10px}.tourcard p{font-size:13px;line-height:1.7;color:#607583}.tourprogress{display:flex;gap:5px;margin:18px 0}.tourprogress i{height:4px;background:#e1e8ed;flex:1;border-radius:4px}.tourprogress i.active{background:#ba9654}.touractions{display:flex;justify-content:space-between;gap:12px}.tourhighlight{outline:3px solid #d3ab60!important;outline-offset:5px;border-radius:8px}#tourLaunch{font-size:11px;padding:7px 10px;white-space:nowrap}
@media(max-width:700px){#sidebarScrollHint{display:none!important}#guidanceTour{padding:12px;align-items:flex-end}.tourcard{padding:18px}#tourLaunch{padding:5px;font-size:10px}}
body[data-mode=mobile] #guidanceTour{position:absolute;padding:10px 10px 76px}body[data-mode=mobile] .tourcard{padding:17px}body[data-mode=mobile] .tourcard h2{font-size:18px}body[data-mode=mobile] .tourcard p{font-size:12px}body[data-mode=mobile] #tourLaunch{font-size:9px;padding:5px}

/* Compact member rows with a dedicated, single-line action column. */
.datatable.membertable{min-width:640px}.datatable.membertable th:first-child{width:auto}.datatable.membertable th:nth-child(2){width:130px}.datatable.membertable th:nth-child(3){width:120px}.datatable.membertable th:last-child{width:220px}.datatable.membertable td{vertical-align:middle;padding:11px 14px}.datatable.membertable td strong{margin-bottom:2px}.datatable.membertable td small{margin-top:2px}.memberrowactions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.datatable.membertable .memberrowactions button{flex:0 0 auto;white-space:nowrap;margin:0;padding:7px 12px;line-height:1.3;min-height:32px}