#cleanSinhalaModal .clean-edit-controls{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
#cleanSinhalaModal .clean-edit-controls button{height:30px;min-height:30px;padding:4px 8px;font-size:11px;font-weight:900}
#cleanSinhalaModal .clean-edit-controls button:disabled{opacity:.42}
#cleanSinhalaRows .clean-cell{position:relative}
#cleanSinhalaRows .clean-cell:before{content:attr(data-bar-number);position:absolute;left:4px;top:4px;z-index:8;padding:2px 5px;border-radius:999px;background:#173f70;color:#fff;font:900 8px/1 Arial;letter-spacing:.01em;pointer-events:none}
#cleanSinhalaRows .clean-cell:after{content:attr(data-beat-status);position:absolute;right:4px;top:4px;z-index:8;padding:2px 4px;border-radius:999px;font:900 8px/1 Arial;color:#fff;pointer-events:none}
#cleanSinhalaRows .clean-cell.sinhala-beat-complete:after{background:#16835d}
#cleanSinhalaRows .clean-cell.sinhala-beat-incomplete:after{background:#d49113}
#cleanSinhalaRows .clean-cell.sinhala-beat-over:after{background:#bd2d38}
#cleanSinhalaRows .clean-cell.sinhala-edit-selected{border-color:#08766f!important;box-shadow:inset 0 0 0 2px #08766f,0 4px 12px rgba(8,118,111,.18)!important;background:#effbf9!important}
.clean-validation-key{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #d8d0bf;border-radius:7px;background:#fff;font-size:9px;font-weight:850;color:#5b544a}
.clean-validation-key i{width:8px;height:8px;border-radius:50%;background:#16835d}.clean-validation-key i:nth-of-type(2){background:#d49113}
@media(max-width:760px){#cleanSinhalaModal .clean-edit-controls{flex:1 1 100%}.clean-validation-key{display:none}#cleanSinhalaRows .clean-cell:before{left:2px;top:2px;font-size:7px}#cleanSinhalaRows .clean-cell:after{right:2px;top:2px;font-size:7px}}