/* Test Build 2: compact customer record, form and rankings; no historical columns removed. */
.customer-all-details{margin:14px 0;border:1px solid var(--line,#344357);border-radius:12px;padding:12px;background:var(--panel2,#162438)}
.customer-all-details>summary{cursor:pointer;font-weight:700;line-height:1.5}
.customer-all-details>summary small{display:block;font-size:12px;font-weight:400;opacity:.85;margin:3px 0 0 20px}
.customer-all-details-content{padding-top:12px}
.customer-all-details-content>.customer-section{margin-top:12px}
.customer-update-group{border:1px solid var(--line,#344357);border-radius:10px;margin:10px 0;padding:10px;background:var(--panel2,#162438)}
.customer-update-group>summary{font-weight:700;cursor:pointer;padding:3px 0}
.customer-update-group-body{padding-top:9px}
.customer-update-shortcut{margin:12px 0}
#customerRankingCurrent .scroll,#customerRankingHistory .scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border-radius:9px}
#customerRankingCurrent .tbl,#customerRankingHistory .tbl{min-width:650px;white-space:normal}
#customerRankingCurrent .tbl th,#customerRankingHistory .tbl th{font-size:12px;line-height:1.3;vertical-align:bottom;white-space:normal}
#customerRankingCurrent .tbl td,#customerRankingHistory .tbl td{vertical-align:top}
@media(max-width:700px){
 .customer-update-dialog{max-width:calc(100vw - 20px);width:calc(100vw - 20px)}
 #customerRankingCurrent .tbl th:first-child,#customerRankingHistory .tbl th:first-child{position:sticky;left:0;background:var(--panel,#111d2c);z-index:2}
 #customerRankingCurrent .tbl td:first-child,#customerRankingHistory .tbl td:first-child{position:sticky;left:0;background:var(--panel,#111d2c);z-index:1}
}