.client-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;flex-shrink:0}.clientlegend{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}.clientlegend button{background:#ededE6;padding:6px 10px;border-radius:3px;font:10px monospace}.demo-dashboard{margin-bottom:24px}.clientstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.clientstats>div{padding:17px;background:#eeeEE7;border:1px solid #dcdcd4}.clientstats strong{display:block;font:28px Druk,Arial,sans-serif}.clientstats span{display:block;font-size:11px;color:#666;margin-top:8px}.clientstats .warnstat{background:#fff0d4;border-color:#e7d4ad}.alerts{border:1px solid #ddd7c8;background:#fffaf0;margin:20px 0}.alerts-title{padding:12px 16px;font-weight:650;font-size:12px;border-bottom:1px solid #e7dfcf}.alerts-title>span{background:#ead2a8;padding:2px 7px;border-radius:10px;margin-left:6px}.clientalert{display:flex;text-align:left;gap:5px;align-items:center;width:100%;padding:13px 16px;background:transparent;border-bottom:1px solid #e7dfcf;font-size:12px}.clientalert:last-child{border-bottom:0}.clientalert small{display:block;color:#777;margin-top:4px;font-size:11px}.clientalert:hover{background:#f5ead3}.alert-arrow{margin-left:auto}.expiredalert{background:#f3e9e7}.clientfilters{display:flex;gap:7px;margin:20px 0 14px;flex-wrap:wrap}.clientfilters .chosen{background:#111;color:white}.clientfilters span{opacity:.65;margin-left:5px}.clienttablewrap{overflow:auto}.clienttable{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:650px}.clienttable th{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#777;font-weight:500;padding:10px 12px;border-bottom:1px solid #ccc}.clienttable td{padding:16px 12px;border-bottom:1px solid #ddd}.clienttable td small{display:block;color:#777;font-size:10px;margin-top:5px}.subscription-state{font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:3px}.subscription-state.active{background:#dfebdf;color:#36563a}.subscription-state.ending{background:#f7e6bc;color:#77511a}.subscription-state.expired{background:#eddbd9;color:#853e37}.demo-dashboard>.quiet{font-size:10px;margin-top:17px}@media(max-width:650px){.clientstats{grid-template-columns:repeat(2,1fr);gap:8px}.clientstats>div{padding:12px}.clientstats strong{font-size:23px}.clientstats span{font-size:10px}.clientalert{padding:12px;font-size:11px}.demo-dashboard{padding:16px!important}.clientfilters .outline{font-size:10px;padding:8px}.clientlegend{gap:5px}.clientlegend button{padding:6px 7px;font-size:9px}}