.cbm-wrapper{max-width:100%;margin:1.5rem 0;}
.cbm-dark{background:#111;color:#ddd;padding:1rem;border-radius:8px;}
.cbm-dark canvas{background:transparent;}
.cbm-key{
	    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    font-size: .9rem;
    flex-direction: column;
}
.cbm-key li{
display: flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    border-bottom: 1px dashed #dbd4d4;
    padding: 2px 0 10px 0;
    margin: 2px 0 2px 0;
}
.cbm-key li.inactive{opacity:.4;text-decoration:line-through;border-bottom:1px dashed #888;}
.cbm-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;}
.cbm-icon{
	    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 50%;
}
.cbm-pct{font-weight:600;margin-left:4px;}
.cbm-controls{
margin-top: 1.5rem;
    margin-bottom: 3rem;
    display: flex;
    gap: .5rem;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
}
.cbm-btn{padding:4px 8px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:4px;font-size:.8rem;}
.cbm-dark .cbm-btn{background:#222;border-color:#444;color:#ddd;}
.cbm-canvas-wrap{position:relative;}
.cbm-altchart{width:100%;height:400px;}
.cbm-block-placeholder{padding:1rem;border:1px dashed #ccc;background:#fafafa;font-size:.9rem;}
.cbm-pager{margin-top:.5rem;align-items:center;gap:.5rem;}
.cbm-ssr-table{margin:1rem 0;font-size:.9rem;}
.cbm-ssr-row{display:flex;align-items:center;gap:.5rem;margin:.2rem 0;}
.cbm-ssr-name{min-width:180px;flex:0 0 auto;}
.cbm-ssr-bar{height:10px;display:inline-block;background:#4caf50;flex:1 1 auto;position:relative;}
.cbm-ssr-bar.neg{background:#e53935;}
.cbm-ssr-val{min-width:60px;text-align:right;flex:0 0 auto;}
/* admin react */
.cbm-admin-wrap{max-width:900px;background:#fff;padding:20px;border:1px solid #ddd;border-radius:6px;}
.cbm-field-row{display:flex;gap:20px;margin-bottom:20px;}

.cbm-key li:before {
	display: none
} 

.cbm-key li span {
	font-size: 16px;
	font-family: arial;
}

.cbm-wrapper .cbm-title {
	    margin-bottom: 16px;
    margin-top: 35px;
    font-size: 1.28rem;
}