.cn-score-archive .cn-score-controls{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;margin-bottom:.6em}
.cn-score-archive .cn-score-controls input,.cn-score-archive .cn-score-controls select{padding:.5em;max-width:100%;min-width:0}
.cn-score-archive .cn-score-controls input{flex:1 1 14em}
.cn-score-archive .cn-score-controls select{flex:0 1 13em}
.cn-score-archive .cn-score-clear{padding:.45em .65em}
.cn-score-archive .cn-score-count{margin:.25em 0 .5em;font-size:.85em}
.cn-score-archive .cn-score-table-wrap{max-width:100%;overflow-x:auto}
.cn-score-archive .cn-score-table{width:100%;border-spacing:0;font-size:.9em;line-height:1.35;table-layout:auto}
.cn-score-archive .cn-score-table td,.cn-score-archive .cn-score-table th{padding:.3em .4em!important;vertical-align:top;overflow-wrap:normal;word-break:normal}
.cn-score-archive .cn-score-table .cn-score-edit-cell,.cn-score-archive .cn-score-table .cn-score-edit{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;width:auto!important}
.cn-score-archive tr[hidden]{display:none!important}
.cn-score-archive #haku-esikatselu:empty{display:none}
@media(max-width:600px){.cn-score-archive .cn-score-controls input{flex-basis:100%}.cn-score-archive .cn-score-controls select{flex:1 1 10em}.cn-score-archive .cn-score-table{font-size:.8em}.cn-score-archive .cn-score-table td:nth-child(2){min-width:9em;overflow-wrap:anywhere}}
.cn-score-archive .cn-score-input-group{display:flex;flex:1 1 calc(250px + 8em);flex-wrap:wrap;gap:.35em;align-items:center;min-width:0;max-width:100%}
.cn-score-archive .cn-score-input-group input{flex:1 1 250px;min-width:min(250px,100%);width:auto;box-sizing:border-box}
.cn-score-archive .cn-score-input-group .cn-score-clear{flex:0 0 auto;width:auto;max-width:100%;box-sizing:border-box;font-size:.75em;padding:.35em .45em;white-space:nowrap}
.cn-score-archive .cn-score-group th{text-align:left;background:#e8e5cf;font-size:.95em;padding:.45em!important}
.cn-score-archive .cn-score-section th{background:#dcd8bd}
.cn-score-archive .cn-score-subgroup th{font-weight:600}
@media(max-width:600px){.cn-score-archive .cn-score-input-group{flex-basis:100%}.cn-score-archive .cn-score-input-group input{flex:1 0 100%;min-width:0;width:100%}}
.cn-score-editor-view{background:#fefee9;padding:1em;max-width:100%;box-sizing:border-box}
.cn-score-editor-form{max-width:780px;margin:0 auto}
.cn-score-editor-form .cn-editor-field{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;min-width:0}
.cn-score-editor-form .cn-editor-field input:not([type=checkbox]),.cn-score-editor-form .cn-editor-field select{width:100%;min-width:0;max-width:100%;padding:.5em;box-sizing:border-box}
.cn-score-editor-form .cn-editor-categories{min-width:0;margin:10px 0;padding:8px;border:1px solid #d8d5c5}
.cn-score-editor-form .cn-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cn-score-editor-form .cn-category-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0;padding:8px;background:#fffdf3;border:1px solid #e2dec9;border-radius:4px}
.cn-score-editor-form .cn-category-root{display:flex;align-items:center;gap:.4em;font-weight:600}
.cn-score-editor-form input[type=checkbox]{width:auto;flex:none}
.cn-score-editor-form .cn-subcategories{position:relative;margin:0;font-size:.85em}
.cn-score-editor-form .cn-subcategories summary{cursor:pointer;padding:.25em;border:1px solid #d8d5c5;border-radius:3px}
.cn-score-editor-form .cn-subcategory-panel{position:absolute;z-index:3;right:0;top:100%;width:240px;max-width:75vw;padding:8px;box-sizing:border-box;background:#fffdf3;border:1px solid #d8d5c5;box-shadow:0 3px 8px #0002}
.cn-score-editor-form .cn-subcategory-search{width:100%;min-width:0;box-sizing:border-box;padding:.4em}
.cn-score-editor-form .cn-subcategory-options{max-height:11em;overflow-y:auto}
.cn-score-editor-form .cn-subcategory-option{display:flex;align-items:center;gap:.35em;padding:.3em 0}
.cn-score-editor-form [hidden]{display:none!important}
.cn-score-editor-form .cn-editor-actions{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin:10px 0}
.cn-score-editor-form .cn-editor-actions button,.cn-score-editor-form .cn-editor-cancel{width:auto;flex:none;padding:.5em 1em}
.cn-score-editor-form .cn-editor-delete{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid #d8d5c5;font-size:.85em}
.cn-score-editor-view .cn-editor-preview{margin-top:1em}
.cn-score-editor-view .cn-editor-preview iframe{width:100%;height:400px;border:0}
@media(max-width:600px){.cn-score-editor-form .cn-category-grid{grid-template-columns:minmax(0,1fr)}.cn-score-editor-view{padding:.75em}}

.cn-score-editor-view h3{margin:0 0 10px}
.cn-score-editor-form .cn-editor-categories p{margin:4px 0 8px;line-height:1.35;font-size:.9em}
.cn-score-editor-form .cn-editor-readonly h4{margin:0 0 4px}
.cn-score-editor-form .cn-editor-readonly p,.cn-score-editor-form .cn-editor-readonly ul{margin:4px 0 10px;line-height:1.35}
.cn-score-editor-form .cn-editor-composers{margin:8px 0}
.cn-score-editor-form .cn-editor-delete button{background:#b42318;color:#fff;border:1px solid #b42318;width:auto;padding:6px 10px}
.cn-score-editor-view .cn-editor-preview{margin-top:10px}
.cn-score-editor-view .cn-editor-preview p{margin:6px 0;font-size:.9em;line-height:1.35}
.cn-score-editor-view .cn-editor-preview iframe{display:block;max-width:100%;box-sizing:border-box;height:65vh;min-height:280px}
.cn-score-editor-view .cn-editor-preview [hidden]{display:none!important}
.cn-score-editor-view .cn-pdf-error{color:#a02018}
@media(max-width:600px){.cn-score-editor-form .cn-category-root{font-size:.95em}.cn-score-editor-form .cn-editor-actions button,.cn-score-editor-form .cn-editor-cancel{padding:6px 12px}}