/* SoulOne LIVE v55 — restored Intro/Verso/Coro markers in the full-width
   Repertorio, with an accessible native editor. Intentionally does not bring
   back the three-column dashboard or alter any track/waveform behavior. */
body>.app .right.live-library-panel>.sl55-marker-panel{display:none}
body>.app.sl-mode-repertoire .right.live-library-panel>.sl55-marker-panel,
body>.app.slmv-repertoire-only .right.live-library-panel>.sl55-marker-panel{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:9px 13px 11px!important;gap:9px!important;
 background:#112b3e!important;border-top:1px solid #34596f!important;
 border-bottom:1px solid #34596f!important;overflow:visible!important;
}
body>.app .sl55-marker-heading{
 display:flex!important;justify-content:space-between!important;align-items:center!important;
 gap:9px!important;min-height:27px!important;
}
body>.app .sl55-marker-title{
 display:flex;align-items:center;gap:9px;min-width:0;
 font-size:13px;font-weight:670;color:#e6f4fc;
}
body>.app .sl55-marker-title-icon{font-size:17px;color:#55c9c4}
body>.app .sl55-marker-count{font-size:11px;font-weight:450;color:#9bbbc9}
body>.app .sl55-marker-edit,
body>.app .timeline .heading .sl55-stage-edit{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;min-height:29px!important;max-height:33px!important;
 padding:5px 11px!important;border-radius:7px!important;
 font:650 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 background:#23475a!important;border:1px solid #4a788e!important;
 color:#d9f3f9!important;letter-spacing:0!important;
 cursor:pointer!important;box-shadow:none!important;
}
body>.app .sl55-marker-edit:hover,
body>.app .timeline .heading .sl55-stage-edit:hover{background:#196374!important}
body>.app .sl55-marker-track{
 display:flex;align-items:stretch;min-width:0;width:100%;
 height:40px;min-height:40px;max-height:40px;
 background:#0b2132;border:1px solid #36546c;border-radius:7px;
 overflow:hidden;gap:2px;
}
body>.app .sl55-marker-track .sl55-marker{
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;flex-basis:0!important;
 min-width:0!important;width:0!important;height:100%!important;min-height:0!important;
 padding:5px 7px!important;margin:0!important;border:0!important;border-radius:0!important;
 font:720 11px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 letter-spacing:.055em!important;color:#fff!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 cursor:pointer!important;position:relative!important;
}
body>.app .sl55-marker-track .sl55-marker:hover{filter:brightness(1.16)}
body>.app .sl55-marker-track .sl55-marker.sl55-current{
 box-shadow:inset 0 0 0 2px #defaf8!important;z-index:1;
}
body>.app .sl55-marker-track .sl55-marker:focus-visible{
 outline:3px solid #e9faf8;outline-offset:-3px;z-index:2;
}
body>.app .timeline .heading .sl55-stage-edit{margin-left:8px!important}
.sl55-section-dialog{
 position:fixed!important;box-sizing:border-box!important;
 width:min(600px,calc(100vw - 24px))!important;
 max-width:600px!important;max-height:min(88dvh,760px)!important;
 margin:auto!important;padding:0!important;
 border:1px solid #476c80!important;border-radius:14px!important;
 color:#e8f3fc!important;background:#102638!important;
 box-shadow:0 24px 65px #000b!important;
 overflow:auto!important;overscroll-behavior:contain;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.sl55-section-dialog::backdrop{background:#020912d9!important;backdrop-filter:blur(4px)}
.sl55-section-dialog form{
 display:flex!important;flex-direction:column!important;gap:11px!important;
 margin:0!important;padding:18px 21px 19px!important;
}
.sl55-section-dialog .sl55-dialog-header{
 display:flex;align-items:start;justify-content:space-between;gap:16px;
 padding-bottom:12px;border-bottom:1px solid #33536a;
}
.sl55-section-dialog h2{
 margin:0 0 5px!important;color:#f5fbff!important;
 font-size:19px!important;font-weight:740!important;letter-spacing:-.02em!important;
}
.sl55-section-dialog .sl55-dialog-header p{
 margin:0;color:#9bb8ca;font-size:12px;font-weight:550;
}
.sl55-section-dialog button,.sl55-section-dialog input,.sl55-section-dialog select{
 font-family:inherit!important;box-sizing:border-box!important;
}
.sl55-section-dialog button{
 min-height:35px;padding:7px 11px;color:#e3f3fb;
 background:#254355;border:1px solid #3d637b;border-radius:7px;
 font-size:12px;font-weight:650;cursor:pointer;
}
.sl55-section-dialog button:disabled{opacity:.52;cursor:wait}
.sl55-section-dialog button:focus-visible,.sl55-section-dialog input:focus-visible,
.sl55-section-dialog select:focus-visible{outline:2px solid #6fe9dd;outline-offset:2px}
.sl55-section-dialog .sl55-dialog-close{
 width:32px;min-width:32px;height:32px;min-height:32px;
 font-size:19px;line-height:17px;padding:2px!important;background:#21394c;
}
.sl55-section-dialog .sl55-dialog-help{
 margin:1px 0 7px;color:#a9c1cf;font-size:12px;line-height:1.5;
}
.sl55-section-dialog .sl55-editor-head{
 display:grid;grid-template-columns:minmax(0,1fr) 144px 36px;gap:8px;
 font-size:11px;font-weight:600;color:#a9c0d1;
}
.sl55-section-dialog .sl55-editor-list{
 max-height:36dvh;overflow:auto;display:flex;flex-direction:column;
 gap:6px;padding:3px 1px;min-height:40px;
}
.sl55-section-dialog .sl55-editor-row{
 display:grid;grid-template-columns:minmax(0,1fr) 144px 36px;align-items:center;gap:8px;
}
.sl55-section-dialog .sl55-editor-row input,.sl55-section-dialog .sl55-editor-add select{
 width:100%;height:38px;min-width:0;min-height:38px;
 padding:8px 10px;color:#edf7fc;background:#0c2030;
 border:1px solid #3a6078;border-radius:7px;font-size:12px;
}
.sl55-section-dialog .sl55-remove-section{
 width:36px;min-width:36px;height:38px;min-height:38px;
 padding:0!important;font-size:19px!important;color:#f0b5af!important;
 background:#452c3b!important;border-color:#805462!important;
}
.sl55-section-dialog .sl55-editor-add{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;
 align-items:center;padding:11px 0 4px;border-top:1px solid #34546a;
}
.sl55-section-dialog .sl55-editor-add label{font-size:11px;color:#bbced8;font-weight:600}
.sl55-section-dialog .sl55-editor-add .sl55-add-button{
 background:#165b65!important;border-color:#399997!important;white-space:nowrap;
}
.sl55-section-dialog .sl55-editor-status{
 margin:0;font-size:12px;line-height:1.4;color:#ffc2a9;min-height:13px;
}
.sl55-section-dialog .sl55-dialog-actions{
 display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-top:10px;
 border-top:1px solid #34546a;
}
.sl55-section-dialog .sl55-dialog-save{
 background:#187e89!important;border-color:#61bbb5!important;
}
@media(max-width:1100px) and (pointer:coarse){
 body>.app.slmv-repertoire-only .right.live-library-panel>.sl55-marker-panel{
   padding:6px 9px 8px!important;gap:6px!important;
 }
 body>.app .sl55-marker-track{height:32px;min-height:32px;max-height:32px}
 body>.app .sl55-marker-track .sl55-marker{font-size:9px!important;letter-spacing:0!important;padding:3px!important}
 body>.app .sl55-marker-title{font-size:11px}
 body>.app .sl55-marker-edit{min-height:28px!important;font-size:10px!important}
 body>.app .timeline .heading .sl55-stage-edit{
   padding:4px 7px!important;min-height:27px!important;font-size:10px!important;
 }
 .sl55-section-dialog form{padding:12px!important;gap:8px!important}
 .sl55-section-dialog .sl55-editor-row,.sl55-section-dialog .sl55-editor-head{
   grid-template-columns:minmax(0,1fr) 108px 32px;gap:5px;
 }
 .sl55-section-dialog .sl55-editor-add{
   grid-template-columns:minmax(0,1fr) auto;
 }
 .sl55-section-dialog .sl55-editor-add label{grid-column:1/-1}
 .sl55-section-dialog .sl55-editor-row input{height:34px;min-height:34px;padding:5px 6px}
 .sl55-section-dialog .sl55-remove-section{min-width:32px;width:32px;min-height:34px;height:34px}
}


/* Full multitrack timeline within the section editor. */
.sl55-section-dialog{width:min(1050px,calc(100vw - 24px))!important;max-width:1050px!important;max-height:94dvh!important}
.sl56-wave-editor{--sl56-cursor:0%;border:1px solid #36566c;border-radius:10px;background:#102536;min-width:0;overflow:hidden}
.sl56-wave-help{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #35546a;color:#a5bdc9;font-size:11px}
.sl56-wave-help strong{color:#eef8ff;font-size:13px}
.sl56-wave-lanes{max-height:35dvh;overflow-y:auto;overflow-x:hidden;min-height:75px}
.sl56-wave-lane{display:grid;grid-template-columns:125px minmax(0,1fr);height:40px;min-height:40px;border-bottom:1px solid #29465b;align-items:center}
.sl56-wave-label{font-size:11px;font-weight:620;color:#d9ecf5;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl56-wave-plot{height:36px;position:relative;cursor:crosshair;min-width:0;background:#091b2a}
.sl56-wave-plot:after{content:"";position:absolute;left:var(--sl56-cursor);width:2px;top:0;bottom:0;background:#71f2e4;box-shadow:0 0 6px #1bc8b5aa;pointer-events:none}
.sl56-wave-plot canvas{display:block;max-width:100%}
.sl56-wave-markers{display:block;height:32px;background:#091b2a;position:relative;margin-left:125px;border-bottom:1px solid #28495b}
.sl56-edit-marker{position:absolute;top:2px;max-width:24%;padding:4px 6px!important;min-height:26px!important;line-height:1.1!important;font-size:10px!important;transform:translateX(-2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:5px!important;cursor:pointer}
.sl56-wave-ruler{margin-left:125px;padding:5px 8px;display:flex;justify-content:space-between;align-items:center;color:#aac1d0;font-size:11px;font-variant-numeric:tabular-nums;border-top:1px solid #34566b}
.sl56-wave-ruler output{font-size:13px;color:#64e0d6;font-weight:750}
.sl56-wave-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 10px;border-top:1px solid #29475c;font-size:11px;color:#9db7c7}
.sl56-wave-controls button{background:#145c6c!important;border-color:#3eaaa8!important;min-height:32px!important;white-space:nowrap}
.sl55-section-dialog .sl55-editor-row.sl56-selected{background:#163c4f;border-radius:6px;outline:1px solid #3c9e9f}
@media(max-width:640px){
 .sl55-section-dialog{width:calc(100vw - 12px)!important;max-height:96dvh!important}
 .sl56-wave-lane{grid-template-columns:70px minmax(0,1fr)}
 .sl56-wave-label{font-size:9px;padding:0 4px}
 .sl56-wave-markers,.sl56-wave-ruler{margin-left:70px}
 .sl56-wave-help{display:block}.sl56-wave-help span{display:block;margin-top:4px}
 .sl56-wave-controls{flex-wrap:wrap}
}