.sinhala-pro-tools{position:relative}.sinhala-pro-tools>summary{display:flex;align-items:center;height:30px;padding:4px 9px;border:1px solid #08766f;border-radius:8px;background:#e0f2ef;color:#075c57;font-size:11px;font-weight:950;cursor:pointer;list-style:none}.sinhala-pro-tools>summary::-webkit-details-marker{display:none}.sinhala-pro-tools>summary:after{content:'▾';margin-left:6px}.sinhala-pro-panel{position:absolute;z-index:10300;top:36px;left:0;display:grid;gap:6px;width:min(620px,92vw);max-height:65vh;overflow:auto;padding:9px;border:1px solid #9abeb9;border-radius:11px;background:#fff;box-shadow:0 16px 38px rgba(10,35,49,.24)}.sinhala-pro-group{display:flex;gap:5px;flex-wrap:wrap}.sinhala-pro-group strong{font-size:10px;text-transform:uppercase;color:#08766f}.sinhala-pro-group button{height:29px!important;min-height:29px!important;padding:3px 7px!important;font-size:10px!important}.sinhala-pro-group button.active{border-color:#08766f!important;background:#08766f!important;color:#fff!important}.sinhala-pro-details{display:grid;gap:2px;padding:3px 2px;border-top:1px dashed #c5d6d3;background:#f7fffd;font-size:8px;line-height:1.15}.sinhala-pro-header{color:#a33a18;font-weight:950;text-align:center}.sinhala-pro-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center}.sinhala-pro-slot-grid.ornament{color:#7b3fb2;font-weight:900}.sinhala-pro-slot-grid.lyrics{color:#173f70;font-weight:850}.sinhala-pro-slot-grid.fingering{color:#08766f}.sinhala-pro-remarks{color:#7b5320;font-style:italic;text-align:center}.clean-cell:has(.sinhala-pro-details:not([hidden])){grid-template-rows:auto 18px 20px auto auto!important}
@media(max-width:760px){.sinhala-pro-panel{position:fixed;left:6px;right:6px;top:120px;width:auto}.sinhala-pro-group button{font-size:9px!important;padding:3px 5px!important}}
@media print{body.printing-sinhala-notation>*{display:none!important}body.printing-sinhala-notation #cleanSinhalaModal{display:block!important;position:static!important;overflow:visible!important}body.printing-sinhala-notation #cleanSinhalaModal .clean-head,body.printing-sinhala-notation #cleanSinhalaModal .clean-tools,body.printing-sinhala-notation #cleanSinhalaModal .clean-controls,body.printing-sinhala-notation #cleanSinhalaPicker{display:none!important}body.printing-sinhala-notation #cleanSinhalaModal .clean-body{overflow:visible!important;padding:0!important}body.printing-sinhala-notation .clean-notation-row{break-inside:avoid;page-break-inside:avoid;margin-bottom:8px}body.printing-sinhala-notation .clean-slot{border:0!important}body.printing-sinhala-notation .clean-cell{box-shadow:none!important}}
.sinhala-pro-matra{color:#806000;font-weight:900;background:#fff7cf;border-radius:5px;padding:2px 0}