/* Modern presentation for the .39 Set List Editor (DS-03 / SET-01..19). Presentation only: the
 * editor's IDs, handlers, drag reorder, row actions, timing and save path are .39's. Loads last;
 * tokens come from modern-ui-schedule.css. */

/* ---------- Page shell ---------- */
html body .overlay .sheet.setlist-sheet:has(#setlistRows){
  width:100%!important;max-width:720px!important;margin:0 auto!important;border-radius:16px 16px 0 0!important;
  padding:12px 12px 0!important;background:#fff!important;box-shadow:0 -2px 18px #0c18311f!important;font-family:var(--mc-font)!important;color:var(--mc-ink)!important;
}
html body .overlay:has(>.sheet.setlist-sheet #setlistRows){padding:0!important}
/* The schedule's People / tagline / group row is not part of the Set List page (DS-03). */
html body:has(.sheet.setlist-sheet) #app .topbar.mc-header .mc-header-tools{visibility:hidden}

/* Title row: Back + list name (the name stays an editable field, styled as the page title). */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-navigation-head{position:relative!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-navigation-head h2{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-navigation-head #setlistClose{position:absolute!important;left:-4px!important;top:2px!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;z-index:2}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-navigation-head #setlistClose::after{content:"";position:absolute;inset:-4px}
html body .sheet.setlist-sheet:has(#setlistRows) #setlistName{
  width:100%!important;min-height:40px!important;height:40px!important;margin:0!important;padding:0 4px 0 32px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;box-shadow:none!important;font:800 24px/1.15 var(--mc-font)!important;color:#14254a!important;
}
html body .sheet.setlist-sheet:has(#setlistRows) #setlistName:focus{background:#f3f6fb!important;outline:2px solid var(--mc-blue)!important;outline-offset:0}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-summary{margin:2px 0 10px 32px!important;padding:0!important}
html body .sheet.setlist-sheet:has(#setlistRows) #setlistCountSummary{font:400 15px/1.3 var(--mc-font)!important;color:#5b6577!important}

/* ---------- Stage View / Library / Save Set List (SET-06..08) and footer (SET-17..19) ---------- */
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions,html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer{position:sticky!important;bottom:0!important;z-index:3!important;margin:0 -12px!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e3e8ef!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions .btn,html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 6px!important;
  border:1.5px solid #c3d1e4!important;border-radius:10px!important;background:#fff!important;color:#1e3a6e!important;box-shadow:none!important;
  font:600 14px/1.1 var(--mc-font)!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;
}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions .btn span,html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer .btn span{overflow:hidden;text-overflow:ellipsis}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions .btn.primary,html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer .btn.primary{border-color:#3a6fd0!important;background:#3a6fd0!important;color:#fff!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions .btn img,html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer .btn img{width:18px!important;height:18px!important;flex:none!important;filter:brightness(0) saturate(100%) invert(18%) sepia(46%) saturate(1500%) hue-rotate(198deg) brightness(92%)!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions .btn.primary img,html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer .btn.primary img{filter:brightness(0) invert(1)!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions .btn:disabled{opacity:.5!important}

/* ---------- Timing & Order (expandable section, MC-C16) ---------- */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options{margin:0 0 10px!important;border:1px solid #dfe5ee!important;border-radius:10px!important;background:#f7f9fc!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options>summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;cursor:pointer;list-style:none;font:600 14px/1.2 var(--mc-font);color:#1e3557}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options>summary::-webkit-details-marker{display:none}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options>summary small{margin-left:auto;font:400 12.5px/1.2 var(--mc-font);color:#5b6577}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options>summary::after{content:"";width:16px;height:16px;background:url(/icons/heroicons/chevron-down.svg) center/16px no-repeat;transition:transform .15s}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options[open]>summary::after{transform:rotate(180deg)}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options[open]{padding-bottom:10px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-editor-options>:not(summary){margin-left:10px!important;margin-right:10px!important}

/* ---------- Song table (SET-09..16) ---------- */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns,html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row{
  display:grid!important;grid-template-columns:30px minmax(0,1fr) 56px 46px 30px 32px!important;align-items:center!important;column-gap:2px!important;
}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns{margin:0!important;padding:0!important;min-height:34px!important;background:#eef2f8!important;border:1px solid #dfe5ee!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;font:500 13px/1.2 var(--mc-font)!important;color:#4b5568!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns>span{grid-column:auto!important;padding:0!important;margin:0!important;text-align:left!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns>span:nth-child(1),html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns>span:nth-child(3),html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns>span:nth-child(4){text-align:center!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-list{border:1px solid #dfe5ee!important;border-top:0!important;border-radius:0 0 10px 10px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;background:#fff!important;margin:0 0 10px!important;padding:0!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row{min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e6eaf0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row:last-child{border-bottom:0!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-row-number{display:grid!important;place-items:center!important;position:static!important;font:400 14px/1 var(--mc-font)!important;color:#4b5568!important;margin:0!important;padding:0!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-title{
  all:unset;box-sizing:border-box;display:block;min-width:0;padding:10px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:400 15.5px/1.25 var(--mc-font);color:#1d283c;cursor:pointer;text-align:left;
}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-title small{display:inline!important;margin-left:6px!important;font-size:11.5px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-singer{display:grid!important;place-items:center!important;font:400 13px/1 var(--mc-font)!important;color:#68758a!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip{display:inline-block;max-width:58px;min-width:34px;padding:5px 9px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:600 12.5px/1.1 var(--mc-font);color:#4a3f55;background:#e6e1f2}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip[data-singer-tone="0"]{background:#f6cfd0;color:#7a3438}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip[data-singer-tone="1"]{background:#fbd8b0;color:#7b4a16}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip[data-singer-tone="2"]{background:#cfe0f4;color:#2c4f7a}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip[data-singer-tone="3"]{background:#d6e8c8;color:#3d5b25}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip[data-singer-tone="4"]{background:#e6dbf6;color:#5a3e86}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip[data-singer-tone="5"]{background:#f3e3b8;color:#6a5413}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-duration{display:block!important;text-align:center!important;font:400 14px/1.2 var(--mc-font)!important;color:#1d283c!important;white-space:nowrap!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-duration small{display:block;font-size:10.5px;color:#68758a}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-estimated-start{display:none!important} /* times stay in Stage View, the timing summary and print */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-remove,html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-handle{
  position:relative!important;display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:44px!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-remove img{width:22px!important;height:22px!important;filter:brightness(0) saturate(100%) invert(16%) sepia(33%) saturate(1500%) hue-rotate(190deg) brightness(92%)!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-handle img{width:22px!important;height:22px!important;opacity:.55!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-handle{cursor:grab!important;touch-action:none}
/* Break rows (SET-16): soft blue band, cup icon, blue title with its length. */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row.setlist-break{background:#e7f0fb!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row.setlist-break .setlist-row-number img{width:20px!important;height:20px!important;filter:brightness(0) saturate(100%) invert(35%) sepia(70%) saturate(1300%) hue-rotate(196deg) brightness(92%)!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row.setlist-break .setlist-edit-title{color:#2c6cc4;font-weight:500}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row.setlist-set{background:#f3f5f9!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row.setlist-set .setlist-edit-title{font-weight:700}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-empty{padding:18px 12px!important;color:#68758a!important;text-align:center!important}
/* Unequal button widths as in DS-03, so the longer labels fit at 390px. */
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-actions{grid-template-columns:minmax(0,1.05fr) minmax(0,.82fr) minmax(0,1.23fr)!important;gap:7px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-setlist-footer{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important}
/* Compact rows (DS-03): the whole row opens the song, so it is the touch target. */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row{min-height:36px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-title{padding:7px 4px!important;font-size:14.5px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-remove,html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-handle{height:36px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .mc-singer-chip{padding:4px 8px;font-size:12px}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-duration{font-size:13.5px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-remove,html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-handle,html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-title{min-height:0!important;max-height:36px!important}
/* Break length is presentation only (the row text stays the break's name). */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-title[data-break-length]::after{content:attr(data-break-length)}
/* Drag handle: 44 x 44 touch target (spec MC-C17) inside the compact 37px row. */
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-columns,html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row{grid-template-columns:30px minmax(0,1fr) 56px 46px 30px 44px!important}
html body .sheet.setlist-sheet:has(#setlistRows) .setlist-edit-row .setlist-handle{width:44px!important;min-width:44px!important;height:44px!important;max-height:44px!important;margin:-4px 0!important;align-self:center!important}

/* =================== Edit Song (DS-04 / SON-01..19) =================== */
html body .overlay:has(>.sheet.mc-song-form){padding:0!important}
html body .sheet.setlist-sheet.mc-song-form{width:100%!important;max-width:720px!important;margin:0 auto!important;border-radius:16px 16px 0 0!important;padding:10px 12px 0!important;background:#f7f9fc!important;font-family:var(--mc-font)!important;color:var(--mc-ink)!important}
html body .sheet.mc-song-form .setlist-navigation-head{display:flex!important;align-items:center!important;gap:6px!important;min-height:40px!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:transparent!important}
html body .sheet.mc-song-form .setlist-navigation-head #setlistClose{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;place-items:center!important}
html body .sheet.mc-song-form .setlist-navigation-head h2{flex:1!important;margin:0!important;font:800 22px/1.15 var(--mc-font)!important;color:#14254a!important;text-align:left!important}
html body .sheet.mc-song-form .mc-song-top-save{all:unset;box-sizing:border-box;min-height:40px;padding:0 6px;cursor:pointer;font:600 18px/40px var(--mc-font);color:#2f66c8}
html body .sheet.mc-song-form .mc-song-context{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:9px 12px;border:1px solid #d4e2f4;border-radius:10px;background:#e8f0fb;font:400 14.5px/1.25 var(--mc-font);color:#24324d}
html body .sheet.mc-song-form .mc-song-context b{color:#1f4f9e;font-weight:700}
html body .sheet.mc-song-form .mc-song-context img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(26%) sepia(60%) saturate(1500%) hue-rotate(205deg) brightness(92%)}
html body .sheet.mc-song-form .setlist-song-fields{display:block!important;padding:0!important;margin:0!important}
html body .sheet.mc-song-form .mc-song-card{display:block;margin:0 0 10px!important;padding:12px!important;border:1px solid #dfe5ee!important;border-radius:12px!important;background:#fff!important}
html body .sheet.mc-song-form .mc-song-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
html body .sheet.mc-song-form .mc-song-card-head h3{margin:0!important;font:800 20px/1.2 var(--mc-font)!important;color:#14254a!important}
html body .sheet.mc-song-form #setlistSongSearch{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;height:36px!important;margin:0!important;padding:0 12px!important;border:1.5px solid #3a6fd0!important;border-radius:10px!important;background:#fff!important;color:#2f66c8!important;font:600 14px/1 var(--mc-font)!important;box-shadow:none!important;white-space:nowrap!important}
html body .sheet.mc-song-form #setlistSongSearch img{width:18px!important;height:18px!important;filter:brightness(0) saturate(100%) invert(33%) sepia(80%) saturate(1300%) hue-rotate(205deg) brightness(90%)!important}
html body .sheet.mc-song-form .mc-song-query{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin:0 0 10px;padding:0 10px;border:1px solid #d6dde8;border-radius:10px;background:#f3f6fb}
html body .sheet.mc-song-form .mc-song-query img{width:20px;height:20px;opacity:.55}
html body .sheet.mc-song-form #setlistSongQuery{all:unset;box-sizing:border-box;width:100%;min-height:40px;font:400 16px/1.2 var(--mc-font);color:var(--mc-ink)}
html body .sheet.mc-song-form #setlistSongQuery::placeholder{color:#8a94a6}
/* Candidates (SON-09/10): compact two-line rows with a radio marker. */
html body .sheet.mc-song-form #setlistSuggestedMatches{margin:0 0 10px!important;padding:0!important;border:1px solid #dfe5ee!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
html body .sheet.mc-song-form #setlistSuggestedMatches>b{display:none!important}
html body .sheet.mc-song-form .setlist-catalog-result{position:relative!important;border-bottom:1px solid #e6eaf0!important;padding:0!important;background:#fff!important}
html body .sheet.mc-song-form .setlist-catalog-result:last-child{border-bottom:0!important}
html body .sheet.mc-song-form .setlist-catalog-result.is-selected{background:#e8f0fb!important}
html body .sheet.mc-song-form .setlist-catalog-result>button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;width:100%;min-height:52px;padding:7px 10px 7px 8px;cursor:pointer}
html body .sheet.mc-song-form .setlist-catalog-result>button::before{content:"";grid-row:1/3;align-self:center;justify-self:center;width:20px;height:20px;border:2px solid #9aa3b1;border-radius:50%;box-sizing:border-box}
html body .sheet.mc-song-form .setlist-catalog-result.is-selected>button::before{border-color:#2f66c8;background:radial-gradient(circle,#2f66c8 0 5px,#fff 5.5px)}
html body .sheet.mc-song-form .setlist-catalog-result>button b{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.25 var(--mc-font);color:#14254a}
html body .sheet.mc-song-form .setlist-catalog-result.is-selected>button b{color:#1f4f9e}
html body .sheet.mc-song-form .setlist-catalog-result>button small{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12.5px/1.3 var(--mc-font);color:#8a94a6}
html body .sheet.mc-song-form .setlist-catalog-result.has-cover{grid-template-columns:44px minmax(0,1fr)!important;column-gap:0!important;padding-left:8px!important}
/* Status strip: neutral / success / error. */
html body .sheet.mc-song-form #setlistError{margin:0!important;padding:0!important;font:400 14px/1.3 var(--mc-font)!important;color:#24324d!important;border-radius:8px!important}
html body .sheet.mc-song-form #setlistError:not(:empty){padding:9px 12px!important;background:#e3f4e9!important;border:1px solid #c8e8d3!important}
html body .sheet.mc-song-form #setlistError.error:not(:empty){background:#fdecec!important;border-color:#f3c9c9!important;color:#9b1c1c!important}
/* Song Details rows (SON-11..15): label column + field. */
html body .sheet.mc-song-form .mc-song-details .mc-song-row{display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:0 0 8px!important;padding:0!important}
html body .sheet.mc-song-form .mc-song-details .mc-song-row:last-child{margin-bottom:0!important}
html body .sheet.mc-song-form .mc-song-details .mc-song-row>label{margin:0!important;font:400 14.5px/1.25 var(--mc-font)!important;color:#24324d!important}
html body .sheet.mc-song-form .mc-song-details input,html body .sheet.mc-song-form .mc-song-details textarea,html body .sheet.mc-song-form .mc-song-details select{min-height:38px!important;height:38px!important;width:100%!important;margin:0!important;padding:0 10px!important;border:1px solid #d6dde8!important;border-radius:9px!important;background:#fff!important;font:400 16px/1.2 var(--mc-font)!important;color:var(--mc-ink)!important;box-shadow:none!important}
html body .sheet.mc-song-form .mc-song-details textarea{height:38px!important;min-height:38px!important;padding:8px 10px!important;resize:vertical!important}
html body .sheet.mc-song-form .mc-song-details .setlist-title-search{display:block!important}
html body .sheet.mc-song-form .mc-song-details .mc-singer-picker{display:flex;align-items:center;gap:6px;min-width:0}
html body .sheet.mc-song-form .mc-song-details .mc-singer-picker #setlistSongSinger{flex:1 1 auto;min-width:0;margin:0!important}
html body .sheet.mc-song-form .mc-song-details .mc-singer-pick{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--mc-border,#d6dde8);border-radius:10px;background:#fff}
html body .sheet.mc-song-form .mc-song-details .mc-singer-pick img,html body .sheet.mc-song-form .mc-song-details .mc-singer-pick svg{width:18px;height:18px;pointer-events:none}
html body .sheet.mc-song-form .mc-song-details .mc-singer-pick select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;margin:0!important;padding:0!important;font-size:16px!important}
html body .sheet.mc-song-form .mc-singer-chip-inline{flex:none;display:grid;place-items:center;min-width:32px;height:28px;padding:0 7px;border-radius:999px;font:700 12px/1 var(--mc-font);background:#e6dbf6;color:#5a3e86}
html body .sheet.mc-song-form .mc-singer-chip-inline[data-singer-tone="0"]{background:#f6cfd0;color:#7a3438}
html body .sheet.mc-song-form .mc-singer-chip-inline[data-singer-tone="1"]{background:#fbd8b0;color:#7b4a16}
html body .sheet.mc-song-form .mc-singer-chip-inline[data-singer-tone="2"]{background:#cfe0f4;color:#2c4f7a}
html body .sheet.mc-song-form .mc-singer-chip-inline[data-singer-tone="3"]{background:#d6e8c8;color:#3d5b25}
html body .sheet.mc-song-form .mc-singer-chip-inline[data-singer-tone="5"]{background:#f3e3b8;color:#6a5413}
/* Advanced / Review (SON-16). */
html body .sheet.mc-song-form .mc-song-advanced{padding:0!important;background:#f3f6fb!important}
html body .sheet.mc-song-form .mc-song-advanced>summary{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:52px;padding:6px 12px;cursor:pointer;list-style:none}
html body .sheet.mc-song-form .mc-song-advanced>summary::-webkit-details-marker{display:none}
html body .sheet.mc-song-form .mc-song-advanced>summary::after{content:"";width:18px;height:18px;background:url(/icons/heroicons/chevron-down.svg) center/18px no-repeat;transition:transform .15s}
html body .sheet.mc-song-form .mc-song-advanced[open]>summary::after{transform:rotate(180deg)}
html body .sheet.mc-song-form .mc-song-advanced>summary img{width:24px;height:24px;opacity:.7}
html body .sheet.mc-song-form .mc-song-advanced>summary b{display:block;font:600 15px/1.2 var(--mc-font);color:#1f4f9e}
html body .sheet.mc-song-form .mc-song-advanced>summary small{display:block;font:400 12px/1.3 var(--mc-font);color:#68758a}
html body .sheet.mc-song-form .mc-song-advanced[open]{padding-bottom:12px!important}
html body .sheet.mc-song-form .mc-song-advanced>:not(summary){margin-left:12px!important;margin-right:12px!important}
/* Footer (SON-17..19). */
html body .sheet.mc-song-form .setlist-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;position:sticky!important;bottom:0!important;margin:0 -12px!important;padding:10px 12px 6px!important;background:#f7f9fc!important;border-top:1px solid #e3e8ef!important}
html body .sheet.mc-song-form .setlist-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;height:46px!important;margin:0!important;border-radius:11px!important;font:600 16px/1 var(--mc-font)!important;box-shadow:none!important}
html body .sheet.mc-song-form #setlistSongCancel{border:1.5px solid #3a6fd0!important;background:#fff!important;color:#2f66c8!important}
html body .sheet.mc-song-form #setlistSongDone{border:1.5px solid #3a6fd0!important;background:#3a6fd0!important;color:#fff!important}
html body .sheet.mc-song-form #setlistSongDone img{width:20px!important;height:20px!important;filter:brightness(0) invert(1)!important}
html body .sheet.mc-song-form .mc-song-delete{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin:0 0 6px;cursor:pointer;font:500 15px/1 var(--mc-font);color:#c0392b}
html body .sheet.mc-song-form .mc-song-delete img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(27%) sepia(83%) saturate(2200%) hue-rotate(350deg) brightness(88%)}
html body .sheet.mc-song-form .mc-song-card-head h3{font-size:18px!important}
/* Search-related disclosures inside the Song Library Search card (Recognition Context, Additional Options). */
html body .sheet.mc-song-form .mc-song-search details{margin:0 0 8px!important;padding:0!important;border:1px solid #e3e8ef!important;border-radius:10px!important;background:#f7f9fc!important;box-shadow:none!important}
html body .sheet.mc-song-form .mc-song-search details>summary{display:flex!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:0 12px!important;cursor:pointer!important;list-style:none!important;font:500 14px/1.2 var(--mc-font)!important;color:#1e3557!important}
html body .sheet.mc-song-form .mc-song-search details>summary::-webkit-details-marker{display:none}
html body .sheet.mc-song-form .mc-song-search details>summary::after{content:"";margin-left:auto;width:16px;height:16px;background:url(/icons/heroicons/chevron-down.svg) center/16px no-repeat;transition:transform .15s}
html body .sheet.mc-song-form .mc-song-search details[open]>summary::after{transform:rotate(180deg)}
html body .sheet.mc-song-form .mc-song-search details[open]{padding-bottom:10px!important}
html body .sheet.mc-song-form .mc-song-search details>:not(summary){margin-left:10px!important;margin-right:10px!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-genre{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:0 0 8px!important;padding:0!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-genre label{margin:0!important;font:500 14px/1.2 var(--mc-font)!important;color:#1e3557!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-genre select{min-height:38px!important;margin:0!important}

/* ---------- Song Library (DS-07, proposed) — manage and choose modes ---------- */
html body .sheet.mc-song-library{background:#fff!important}
html body .sheet.mc-song-library .setlist-navigation-head{display:flex!important;align-items:center!important;gap:8px!important;min-height:52px!important;padding-right:0!important;margin-right:0!important}
html body .sheet.mc-song-library .setlist-navigation-head>:not(.settings-back):not(h2):not(.mc-library-add):not(.ya-more-x){display:none!important}
html body .sheet.mc-song-library .setlist-navigation-head h2{flex:1 1 auto!important;min-width:0!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font:800 22px/1.15 var(--mc-font)!important;color:#14325a!important;letter-spacing:-.01em}
html body .sheet.mc-song-library .mc-library-add{flex:none!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0 14px!important;border-radius:10px!important;background:var(--mc-blue,#3877c8)!important;border:0!important;color:#fff!important;font:600 15px/1 var(--mc-font)!important;box-shadow:0 1px 2px rgba(12,24,49,.15)!important}
html body .sheet.mc-song-library .mc-library-add img,html body .sheet.mc-song-library .mc-library-add svg{width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important}
html body .sheet.mc-song-library .setlist-search{display:flex!important;align-items:center!important;gap:8px!important;height:46px!important;margin:4px 0 10px!important;padding:0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:12px!important;background:#fff!important}
html body .sheet.mc-song-library .setlist-search img,html body .sheet.mc-song-library .setlist-search svg{width:20px!important;height:20px!important;opacity:.7}
html body .sheet.mc-song-library #setlistLibrarySearch{flex:1!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:400 16px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body .sheet.mc-song-library .setlist-select-all{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;padding:0 2px!important;font:500 14px/1.2 var(--mc-font)!important;color:#33445c!important}
html body .sheet.mc-song-library #setlistLibraryCount{margin-left:auto!important;color:var(--mc-muted,#68758a)!important;font-weight:400!important}
html body .sheet.mc-song-library #setlistLibraryRows{border:1px solid var(--mc-panel-line,#d6e0ec)!important;border-radius:14px!important;overflow:auto!important;background:#fff!important;padding:0!important}
html body .sheet.mc-song-library #setlistLibraryRows:not(:has(.mc-library-row)){border:0!important}
html body .sheet.mc-song-library .mc-library-head,
html body .sheet.mc-song-library .mc-library-row{display:grid!important;grid-template-columns:26px minmax(0,1fr) 40px 44px!important;align-items:center!important;column-gap:4px!important;margin:0!important;padding:0 8px 0 10px!important;border:0!important;border-bottom:1px solid #e6ebf2!important;background:#fff!important}
html body .sheet.mc-song-library .mc-library-head:has(span:nth-child(5)),
html body .sheet.mc-song-library .mc-library-row.mc-library-manage{grid-template-columns:26px minmax(0,1fr) 40px 44px 34px!important}
html body .sheet.mc-song-library .mc-library-head{position:sticky!important;top:0!important;z-index:1!important;height:34px!important;background:#eef3f9!important;font:700 12px/1 var(--mc-font)!important;color:#36506f!important}
html body .sheet.mc-song-library .mc-library-head span:nth-child(n+3){text-align:center!important}
html body .sheet.mc-song-library .mc-library-row{min-height:60px!important}
html body .sheet.mc-song-library .mc-library-row:last-child{border-bottom:0!important}
html body .sheet.mc-song-library .mc-library-row input[type=checkbox]{width:20px!important;height:20px!important;margin:0!important}
html body .sheet.mc-song-library .mc-library-row .setlist-song-pick{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:58px!important;margin:0!important;padding:6px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html body .sheet.mc-song-library .mc-library-row .setlist-song-pick b{display:block!important;max-width:100%!important;font:500 15px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;overflow-wrap:anywhere!important}
html body .sheet.mc-song-library .mc-library-row .setlist-song-pick small{display:block!important;max-width:100%!important;font:400 13px/1.25 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .sheet.mc-song-library .mc-library-singer{display:grid!important;place-items:center!important}
html body .sheet.mc-song-library .mc-singer-chip{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:999px;font:700 12px/1 var(--mc-font);background:#e6dbf6;color:#5a3e86;box-sizing:border-box}
html body .sheet.mc-song-library .mc-singer-chip[data-singer-tone="0"]{background:#f6cfd0;color:#7a3438}
html body .sheet.mc-song-library .mc-singer-chip[data-singer-tone="1"]{background:#fbd8b0;color:#7b4a16}
html body .sheet.mc-song-library .mc-singer-chip[data-singer-tone="2"]{background:#cfe0f4;color:#2c4f7a}
html body .sheet.mc-song-library .mc-singer-chip[data-singer-tone="3"]{background:#d6e8c8;color:#3d5b25}
html body .sheet.mc-song-library .mc-singer-chip[data-singer-tone="5"]{background:#f3e3b8;color:#6a5413}
html body .sheet.mc-song-library .mc-library-none{color:var(--mc-faint,#9aa3b1)}
html body .sheet.mc-song-library .mc-library-duration{text-align:center!important;font:500 15px/1 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;font-variant-numeric:tabular-nums}
html body .sheet.mc-song-library .mc-library-edit{display:grid!important;place-items:center!important;width:34px!important;height:44px!important;min-width:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .sheet.mc-song-library .mc-library-edit img,html body .sheet.mc-song-library .mc-library-edit svg{width:20px!important;height:20px!important;opacity:.75}
html body .sheet.mc-song-library .setlist-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding-top:10px!important}
html body .sheet.mc-song-library .setlist-actions .btn{min-height:46px!important;border-radius:12px!important;font:600 15px/1 var(--mc-font)!important}
html body .sheet.mc-song-library .setlist-actions .btn.primary{background:var(--mc-blue,#3877c8)!important;border-color:var(--mc-blue,#3877c8)!important;color:#fff!important}
html body .sheet.mc-song-library .setlist-actions .btn.ghost{background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}
html body .sheet.mc-song-library #setlistLibraryDelete:not(:disabled){color:#b42318!important;border-color:#f1c4c0!important}
html body .sheet.mc-song-library .setlist-empty{padding:28px 16px!important;border-radius:14px!important;background:#f3f6fa!important;text-align:center!important}
@media (max-width:360px){
 html body .sheet.mc-song-library .setlist-navigation-head h2{font-size:20px!important}
 html body .sheet.mc-song-library .mc-library-add{padding:0 10px!important;font-size:14px!important}
 html body .sheet.mc-song-library .setlist-actions .btn{font-size:14px!important;padding:0 6px!important}
}
/* No modal close button on these sheets (Back is in the header), so the header uses its full width. */
html body #overlayRoot .sheet.mc-song-library>.sheet-head.setlist-navigation-head,
html body #overlayRoot .sheet.mc-song-form>.sheet-head.setlist-navigation-head{padding-right:0!important}
html body .sheet.mc-song-library .setlist-search[hidden],html body .sheet.mc-song-library .setlist-select-all[hidden]{display:none!important}
html body .sheet.mc-song-form .mc-song-imported{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;margin:0 0 10px!important;padding:10px 12px!important;border-radius:10px!important;background:#fff7e6!important;border:1px solid #f3dfb2!important}
html body .sheet.mc-song-form .mc-song-imported small{font:400 13px/1.3 var(--mc-font)!important;color:#5b4a1f!important}
html body .sheet.mc-song-form .mc-song-imported .btn{margin-top:6px!important;min-height:38px!important;border-radius:10px!important}

/* ---------- Set List viewer (read-only performance view) — rows match the editor (DS-03) ---------- */
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-view-controls{display:flex!important;justify-content:flex-end!important;margin:0 0 6px!important}
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-view-only{padding:4px 10px!important;border-radius:999px!important;background:#e7eef7!important;color:#36506f!important;font:600 12px/1 var(--mc-font)!important}
html body .sheet.setlist-sheet .mc-view-heading{margin:0 0 12px!important;padding:14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#f7f9fc!important;text-align:center!important;font-family:var(--mc-font)!important}
html body .sheet.setlist-sheet .mc-view-heading h3{margin:0 0 2px!important;font:800 19px/1.2 var(--mc-font)!important;color:#14325a!important}
html body .sheet.setlist-sheet .mc-view-heading b{display:block!important;font:700 16px/1.3 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body .sheet.setlist-sheet .mc-view-heading p{margin:4px 0 2px!important;font:400 14px/1.35 var(--mc-font)!important;color:#53627a!important}
html body .sheet.setlist-sheet .mc-view-heading small{font:500 13px/1.3 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .sheet.setlist-sheet .mc-view-table{border:1px solid var(--mc-panel-line,#d6e0ec)!important;border-radius:14px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;background:#fff!important;font-family:var(--mc-font)!important}
html body .sheet.setlist-sheet .mc-view-head,html body .sheet.setlist-sheet .mc-view-row{display:grid!important;grid-template-columns:24px minmax(0,1fr) 58px 46px 48px!important;align-items:center!important;column-gap:6px!important;padding:0 10px!important;border-bottom:1px solid #e6ebf2!important}
html body .sheet.setlist-sheet .mc-view-head{position:sticky!important;top:0!important;z-index:1!important;height:32px!important;background:#eef3f9!important;font:700 12px/1 var(--mc-font)!important;color:#36506f!important}
html body .sheet.setlist-sheet .mc-view-head span:nth-child(n+3){text-align:center!important}
html body .sheet.setlist-sheet .mc-view-row{min-height:48px!important;margin:0!important;background:#fff!important}
html body .sheet.setlist-sheet .mc-view-row:last-child{border-bottom:0!important}
html body .sheet.setlist-sheet .mc-view-num{font:500 14px/1 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important;text-align:center!important}
html body .sheet.setlist-sheet .mc-view-title b{display:block!important;font:500 15px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;overflow-wrap:anywhere!important}
html body .sheet.setlist-sheet .mc-view-singer{display:grid!important;place-items:center!important;min-width:0!important}
html body .sheet.setlist-sheet .mc-view-row .mc-singer-chip{display:inline-block;max-width:58px;min-width:30px;padding:4px 8px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:600 12px/1.1 var(--mc-font);background:#e6dbf6;color:#5a3e86;box-sizing:border-box}
html body .sheet.setlist-sheet .mc-view-row .mc-singer-chip[data-singer-tone="0"]{background:#f6cfd0;color:#7a3438}
html body .sheet.setlist-sheet .mc-view-row .mc-singer-chip[data-singer-tone="1"]{background:#fbd8b0;color:#7b4a16}
html body .sheet.setlist-sheet .mc-view-row .mc-singer-chip[data-singer-tone="2"]{background:#cfe0f4;color:#2c4f7a}
html body .sheet.setlist-sheet .mc-view-row .mc-singer-chip[data-singer-tone="3"]{background:#d6e8c8;color:#3d5b25}
html body .sheet.setlist-sheet .mc-view-row .mc-singer-chip[data-singer-tone="5"]{background:#f3e3b8;color:#6a5413}
html body .sheet.setlist-sheet .mc-view-duration{text-align:center!important;font:500 14px/1.1 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;font-variant-numeric:tabular-nums}
html body .sheet.setlist-sheet .mc-view-duration small{display:block!important;font:400 10px/1.1 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .sheet.setlist-sheet .mc-view-start{text-align:center!important;font:400 13px/1 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important;font-variant-numeric:tabular-nums}
html body .sheet.setlist-sheet .mc-view-break{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;border-bottom:1px solid #e6ebf2!important;background:#f3f6fa!important;font:600 14px/1.2 var(--mc-font)!important;color:#36506f!important}
html body .sheet.setlist-sheet .mc-view-break img,html body .sheet.setlist-sheet .mc-view-break svg{width:18px!important;height:18px!important;opacity:.75}
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 0!important}
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-tools .btn{width:100%!important;min-height:44px!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;font:600 15px/1.1 var(--mc-font)!important}
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-tools .btn.primary,html body .sheet.setlist-sheet:has(.mc-view-table) #setlistViewerDone{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-tools .btn.ghost{background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}
html body .sheet.setlist-sheet:has(.mc-view-table) #setlistViewerDone{min-height:48px!important;border-radius:12px!important;font:600 17px/1 var(--mc-font)!important}
html body .sheet.setlist-sheet:has(.mc-view-table) .setlist-stage-options{margin:10px 0 0!important;padding:12px 14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important}

/* ---------- Full screen (Gary, Oct 18) ----------
   Set list screens (editor, viewer, Edit Song, Song Library, choosers) cover the whole screen, including
   the app header and bottom bar; each has its own Back. Bottom action sheets (.setlist-bottom-sheet) and the
   .39 full-screen output/stage screens (.setlist-screen) keep their own layout. Safe-area padding keeps content clear of the iPhone notch and home indicator. */
html body #overlayRoot>.overlay:has(>.sheet.setlist-sheet:not(.setlist-bottom-sheet):not(.setlist-screen)){position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:#fff!important}
html body #overlayRoot>.overlay>.sheet.setlist-sheet:not(.setlist-bottom-sheet):not(.setlist-screen){width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;padding-top:calc(env(safe-area-inset-top,0px) + 10px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;padding-left:max(14px,env(safe-area-inset-left,0px))!important;padding-right:max(14px,env(safe-area-inset-right,0px))!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
/* Wide screens: keep the content column readable inside the full-screen page. */
@media (min-width:760px){html body #overlayRoot>.overlay>.sheet.setlist-sheet:not(.setlist-bottom-sheet):not(.setlist-screen){padding-left:calc((100% - 720px)/2)!important;padding-right:calc((100% - 720px)/2)!important}}

/* ---------- Find a Song (Gary, Oct 18; "Find Song in iTunes" mockup) ---------- */
/* Add Song starts with search only; details show after a pick or "Enter song details manually". */
html body .sheet.mc-song-form[data-song-view="find"] :is(.mc-song-info,.mc-song-itunes,.mc-song-details,.mc-song-advanced){display:none!important}
html body .sheet.mc-song-form[data-song-view="details"] :is(.mc-song-search,.mc-song-manual){display:none!important}
html body .sheet.mc-song-form .mc-song-manual{display:block;width:100%;margin:0 0 12px;padding:10px;border:0;background:transparent;box-shadow:none;font:600 15px/1.2 var(--mc-font);color:var(--mc-blue-strong,#245fae);text-align:center;cursor:pointer}
html body .sheet.mc-song-form .mc-song-manual[hidden]{display:none}
/* Filter (optional) and Search Options on one row. */
html body .sheet.mc-song-form .mc-song-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:0 0 10px}
html body .sheet.mc-song-form .mc-song-filter-row:not(:has(.mc-song-genre)){grid-template-columns:auto;justify-content:start}
html body .sheet.mc-song-form .mc-song-search .mc-song-filter-row .mc-song-genre{display:block!important;margin:0!important;min-width:0!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-filter-row .mc-song-genre label{display:block!important;margin:0 0 4px!important;font:500 13px/1.2 var(--mc-font)!important;color:#53627a!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-filter-row .mc-song-genre select{width:100%!important;min-height:40px!important;height:40px!important;padding:0 34px 0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;-webkit-appearance:none!important;appearance:none!important;background:#fff url(/icons/heroicons/chevron-down.svg) right 10px center/16px no-repeat!important;font:400 15px/1.2 var(--mc-font)!important;text-overflow:ellipsis!important}
html body .sheet.mc-song-form .mc-song-options-toggle{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--mc-line,#cbd7e7);border-radius:10px;background:#fff;box-shadow:none;font:600 14px/1 var(--mc-font);color:#1e3557;white-space:nowrap;cursor:pointer}
html body .sheet.mc-song-form .mc-song-options-toggle img,html body .sheet.mc-song-form .mc-song-options-toggle svg{width:18px;height:18px}
html body .sheet.mc-song-form .mc-song-options-toggle.is-open{border-color:var(--mc-blue,#3877c8);background:#eaf2fc;color:var(--mc-blue-strong,#245fae)}
html body .sheet.mc-song-form .mc-song-options-panel{margin:0 0 10px;padding:10px;border:1px solid #e3e9f1;border-radius:12px;background:#f7f9fc}
html body .sheet.mc-song-form .mc-song-options-panel[hidden]{display:none}
html body .sheet.mc-song-form .mc-song-options-panel details{background:#fff!important}
/* Results: count, artwork, title / artist / album · genre, duration and chevron; selected row in blue. */
html body .sheet.mc-song-form #setlistSuggestedMatches{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
html body .sheet.mc-song-form #setlistSuggestedMatches>b{display:block!important;margin:2px 2px 6px!important;font:600 13px/1.2 var(--mc-font)!important;color:#53627a!important}
html body .sheet.mc-song-form #setlistLocalMatches{border:1px solid #dfe5ee;border-radius:12px;overflow:hidden;background:#fff}
html body .sheet.mc-song-form .setlist-catalog-result{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important}
html body .sheet.mc-song-form .setlist-catalog-result.has-cover{grid-template-columns:56px minmax(0,1fr)!important;padding-left:8px!important}
html body .sheet.mc-song-form .setlist-catalog-cover{display:block;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#e3e9f1}
html body .sheet.mc-song-form .setlist-catalog-cover img{display:block;width:48px;height:48px;object-fit:cover}
html body .sheet.mc-song-form .setlist-catalog-result>button{grid-template-columns:minmax(0,1fr) auto 16px!important;grid-template-rows:auto auto auto!important;column-gap:8px!important;row-gap:1px!important;min-height:64px!important;padding:8px 10px!important;align-items:center!important}
html body .sheet.mc-song-form .setlist-catalog-result>button::before{display:none!important}
html body .sheet.mc-song-form .setlist-catalog-result>button::after{content:"";grid-column:3;grid-row:1/4;width:16px;height:16px;background:url(/icons/heroicons/chevron-right.svg) center/16px no-repeat;opacity:.6}
html body .sheet.mc-song-form .setlist-catalog-result>button b{grid-column:1!important;grid-row:1;font:700 15px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body .sheet.mc-song-form .setlist-catalog-result>button .mc-res-artist{grid-column:1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.25 var(--mc-font);color:#1e3557}
html body .sheet.mc-song-form .setlist-catalog-result>button small{grid-column:1!important;grid-row:3;font:400 12.5px/1.3 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .sheet.mc-song-form .setlist-catalog-result>button .mc-res-time{grid-column:2;grid-row:1/4;font:500 14px/1 var(--mc-font);color:#33445c;font-variant-numeric:tabular-nums}
html body .sheet.mc-song-form .setlist-catalog-result.is-selected{background:#e3eefb!important;box-shadow:inset 3px 0 0 var(--mc-blue,#3877c8)}
html body .sheet.mc-song-form .setlist-catalog-result.is-selected>button b{color:#1f4f9e!important}
html body .sheet.mc-song-form .mc-song-options-panel .field:has(#setlistRecognitionBand){margin:0 0 8px!important}
html body .sheet.mc-song-form .setlist-catalog-result>button b{white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

/* ---------- Edit Song details view (Gary, Oct 18 mockup) ---------- */
html body .sheet.mc-song-form .mc-required{color:#c62828;font-weight:700}
html body .sheet.mc-song-form .mc-song-info-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
html body .sheet.mc-song-form .mc-song-info-grid:not(:has(.mc-song-cover:not([hidden]))){grid-template-columns:minmax(0,1fr)}
html body .sheet.mc-song-form .mc-song-info .mc-song-stack{display:block!important;margin:0 0 10px!important;padding:0!important;border:0!important}
html body .sheet.mc-song-form .mc-song-info .mc-song-stack>label{display:block!important;margin:0 0 4px!important;font:600 14px/1.2 var(--mc-font)!important;color:#1e3557!important}
html body .sheet.mc-song-form .mc-song-info .mc-song-stack input{width:100%!important;min-height:42px!important;border-radius:10px!important;font-size:16px!important}
html body .sheet.mc-song-form .mc-song-cover{width:116px;height:116px;margin-top:22px;border-radius:10px;overflow:hidden;background:#e3e9f1;box-shadow:0 2px 8px rgba(12,24,49,.18)}
html body .sheet.mc-song-form .mc-song-cover[hidden]{display:none}
html body .sheet.mc-song-form .mc-song-cover img{display:block;width:100%;height:100%;object-fit:cover}
html body .sheet.mc-song-form .mc-song-album{margin:0!important;font:400 14px/1.3 var(--mc-font)!important;color:#53627a!important}
html body .sheet.mc-song-form .mc-song-album[hidden]{display:none}
html body .sheet.mc-song-form .mc-song-itunes{margin:0 0 12px;text-align:center}
html body .sheet.mc-song-form .mc-song-itunes-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 14px;border:1px solid #b9d0ee;border-radius:12px;background:#eaf2fc;box-shadow:none;font:600 16px/1 var(--mc-font);color:var(--mc-blue-strong,#245fae);text-decoration:none;cursor:pointer;box-sizing:border-box}
html body .sheet.mc-song-form .mc-song-itunes-button[hidden]{display:none}
html body .sheet.mc-song-form .mc-song-itunes-button img,html body .sheet.mc-song-form .mc-song-itunes-button svg{width:20px;height:20px}
html body .sheet.mc-song-form .mc-song-itunes small{display:block;margin-top:6px;font:400 12.5px/1.3 var(--mc-font);color:var(--mc-muted,#68758a)}
html body .sheet.mc-song-form .mc-song-details label small{font-weight:400;color:var(--mc-muted,#68758a)}
html body .sheet.mc-song-form .mc-duration-stepper{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:6px;align-items:center}
html body .sheet.mc-song-form .mc-duration-stepper input{min-width:0!important}
html body .sheet.mc-song-form .mc-step{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--mc-line,#cbd7e7);border-radius:10px;background:#fff;box-shadow:none;cursor:pointer}
html body .sheet.mc-song-form .mc-step img,html body .sheet.mc-song-form .mc-step svg{width:22px;height:22px}
html body .sheet.mc-song-form .mc-song-details #setlistSongAliases{min-height:60px!important}
html body .sheet.mc-song-form>#setlistError,html body .sheet.mc-song-form .mc-song-context+#setlistError{margin:0 0 10px!important}
html body .sheet.mc-song-form .mc-song-itunes-button.is-secondary{min-height:36px;margin-top:4px;border:0;background:transparent;font-size:14px}
html body .sheet.mc-song-form .mc-song-itunes-button.is-secondary img,html body .sheet.mc-song-form .mc-song-itunes-button.is-secondary svg{width:16px;height:16px}

/* Apple Music preview sheet (Gary, Oct 18): Done / X close it and stop the preview. */
html body .mc-apple-preview-layer{position:fixed;inset:0;z-index:20000;display:flex;align-items:flex-end;justify-content:center;background:rgba(12,24,49,.45)}
html body .mc-apple-preview{width:100%;max-width:520px;padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 16px);border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -8px 30px rgba(12,24,49,.25);font-family:var(--mc-font)}
html body .mc-apple-preview-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px}
html body .mc-apple-preview-head b{text-align:center;font:700 16px/1.2 var(--mc-font);color:var(--mc-ink,#0c1831)}
html body .mc-apple-done{min-height:40px;padding:0 6px;border:0;background:transparent;box-shadow:none;font:600 17px/1 var(--mc-font);color:var(--mc-blue-strong,#245fae);cursor:pointer}
html body .mc-apple-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#eef2f7;box-shadow:none;cursor:pointer}
html body .mc-apple-close img,html body .mc-apple-close svg{width:18px;height:18px}
html body .mc-apple-title{margin:2px 0 8px;text-align:center;font:600 15px/1.3 var(--mc-font);color:#33445c}
html body .mc-apple-player{display:block;width:100%;height:175px;border:0;border-radius:12px;overflow:hidden;background:#f3f6fa}
html body .mc-apple-hint{margin:8px 0 10px;text-align:center;font:400 13px/1.3 var(--mc-font);color:var(--mc-muted,#68758a)}
html body .mc-apple-open{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid var(--mc-line,#cbd7e7);border-radius:12px;font:600 15px/1 var(--mc-font);color:#1e3557;text-decoration:none}
html body .mc-apple-open img,html body .mc-apple-open svg{width:16px;height:16px}
html body .sheet.mc-song-form #setlistSongOpenItunes>img:last-child,html body .sheet.mc-song-form #setlistSongOpenItunes>svg:last-child{display:none}
/* Find a Song (Gary, Oct 19): the search box matches the Song Library search box; Genre + "This genre only" on one
   row; a full-width Search button below. One clean box on every device: the inputs inside never draw their own frame. */
html body .sheet.mc-song-form .mc-song-search .mc-song-query:not(#_){display:flex!important;align-items:center!important;gap:8px!important;height:46px!important;min-height:46px!important;margin:0 0 12px!important;padding:0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-query:not(#_) :is(img,svg){flex:none!important;width:20px!important;height:20px!important;opacity:.7!important}
html body :is(.sheet.mc-song-form #setlistSongQuery,.sheet.mc-song-library #setlistLibrarySearch):not(#_){-webkit-appearance:none!important;appearance:none!important;flex:1!important;min-width:0!important;width:auto!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:400 16px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body :is(.sheet.mc-song-form #setlistSongQuery,.sheet.mc-song-library #setlistLibrarySearch):not(#_):focus{border:0!important;box-shadow:none!important;outline:none!important}
html body .sheet.mc-song-form #setlistSongQuery::-webkit-search-decoration,html body .sheet.mc-song-form #setlistSongQuery::-webkit-search-cancel-button{-webkit-appearance:none}
html body :is(.sheet.mc-song-form .mc-song-query,.sheet.mc-song-library .setlist-search):not(#_):focus-within{border-color:var(--mc-blue,#3877c8)!important;box-shadow:0 0 0 3px rgba(56,119,200,.15)!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-filter-row:not(#_){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px!important;margin:0 0 12px!important}
html body .sheet.mc-song-form .mc-song-search .mc-song-filter-row:not(#_) .mc-song-genre label{margin:0 0 4px!important;font:600 13px/1.2 var(--mc-font)!important;color:#53627a!important}
html body .sheet.mc-song-form .mc-genre-only{display:flex;align-items:center;gap:8px;height:40px;margin:0;font:500 15px/1.2 var(--mc-font);color:#1e3557;white-space:nowrap;cursor:pointer}
html body .sheet.mc-song-form .mc-genre-only input[type=checkbox]{flex:none;width:22px!important;height:22px!important;margin:0!important}
html body .sheet.mc-song-form .mc-song-search #setlistSongSearch.mc-song-search-go:not(#_){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0 0 12px!important;padding:0 16px!important;border:0!important;border-radius:12px!important;background:var(--mc-blue,#3877c8)!important;color:#fff!important;font:600 16px/1 var(--mc-font)!important;box-shadow:0 1px 2px rgba(12,24,49,.15)!important}
html body .sheet.mc-song-form .mc-song-search #setlistSongSearch.mc-song-search-go:not(#_) :is(img,svg){width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important}
html body .sheet.mc-song-form .mc-song-search #setlistSongSearch.mc-song-search-go:not(#_):disabled{opacity:.6!important}
html body .sheet.mc-song-form .mc-song-options-toggle[hidden]{display:none!important}
/* Edit Song as a settings screen (Gary, Oct 19): gray caps titles above white cards; rows with the label left and the
   value right, hairline separators, no boxed inputs. Notes & Cues rows stack the label over a borderless text area. */
html body .sheet.mc-song-form[data-song-view="find"] :is(.mc-song-group-title,.mc-song-group-card,.mc-song-group-foot){display:none!important}
html body .sheet.mc-song-form .mc-song-group-title:not(#_){margin:18px 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--mc-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body .sheet.mc-song-form .mc-song-group-title:not(#_):first-child,html body .sheet.mc-song-form .mc-song-search+.mc-song-manual+.mc-song-group-title:not(#_){margin-top:6px!important}
html body .sheet.mc-song-form .mc-song-group-foot:not(#_){margin:7px 16px 0!important;font:400 13px/1.35 var(--mc-font)!important;color:#6D6D72!important}
html body .sheet.mc-song-form .mc-song-group-card:not(#_){margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 0 0 1px #e3e8f0!important;overflow:hidden!important}
html body .sheet.mc-song-form .mc-song-group-card:not(#_)>.mc-song-imported{margin:0!important;padding:12px 16px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_){display:grid!important;grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:50px!important;margin:0!important;padding:3px 16px!important;border:0!important;background:linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_):first-child,html body .sheet.mc-song-form .mc-song-group-card>[hidden]+.mc-set-row:not(#_),html body .sheet.mc-song-form .mc-song-group-card>.mc-song-imported+.mc-set-row:not(#_){background:none!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_)>label{margin:0!important;font:400 16px/1.25 var(--mc-font)!important;color:#0c1831!important;white-space:nowrap!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_)>label small{display:block!important;font:400 12px/1.3 var(--mc-font)!important;color:#8a94a6!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) :is(input:not([type=checkbox]),textarea){-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;text-align:right!important;font:400 16px/1.3 var(--mc-font)!important;color:#3c4a63!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) :is(input,textarea)::placeholder{color:#a3abb9!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) :is(input,textarea):focus{color:#0c1831!important}
/* Default Singer: the name, then a small chevron that opens the member list. */
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-singer-picker{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-singer-pick{position:relative!important;flex:none!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:0!important;border-radius:0!important;background:transparent!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-singer-pick :is(img,svg){width:16px!important;height:16px!important;opacity:.5!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-singer-pick select{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important}
/* Performance Duration: m:ss, then − and +. */
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-duration-stepper{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-duration-stepper input{flex:1 1 auto!important;width:auto!important;max-width:90px!important;margin-right:6px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-step{flex:none!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#eef2f8!important;box-shadow:none!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-step :is(img,svg){width:22px!important;height:22px!important;opacity:.75!important}
/* Extra Pause: number + "sec". */
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-unit{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-unit input{max-width:80px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_) .mc-unit small{font:400 16px/1 var(--mc-font)!important;color:#8a94a6!important}
/* Notes & Cues: label over a borderless text area. */
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row.is-stacked:not(#_){display:block!important;padding:10px 16px 6px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row.is-stacked:not(#_)>label{display:block!important;margin:0 0 2px!important;font:500 14px/1.25 var(--mc-font)!important;color:#53627a!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row.is-stacked:not(#_) textarea{display:block!important;height:44px;min-height:44px!important;padding:6px 0!important;text-align:left!important;resize:none!important;overflow:hidden!important;line-height:1.35!important}
html body .sheet.mc-song-form .mc-song-advanced[hidden]{display:none!important}
html body .sheet.mc-song-form .mc-song-itunes:not(#_){margin-bottom:0!important}
/* Set List Editor as a settings screen (Gary, Oct 19): settings rows with icon tiles; Timing & Order and Stage View
   are pages inside the same sheet; the list has no drag handles (Reorder Songs is the one way to move rows). */
html body .sheet.mc-editor-ios .mc-editor-top-save:not(#_){margin-left:auto!important;padding:6px 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;font:600 17px/1 var(--mc-font)!important;color:var(--mc-blue,#3877c8)!important;cursor:pointer}
html body .sheet.mc-editor-ios .mc-editor-top-save:not(#_):disabled{opacity:.45!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-group{margin:0 0 14px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-title:not(#_){margin:14px 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--mc-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e3e8f0}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-foot:not(#_){margin:7px 16px 0!important;padding:0!important;font:400 13px/1.35 var(--mc-font)!important;color:#6D6D72!important;background:none!important;border:0!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav:not(#_){display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:50px!important;height:auto!important;margin:0!important;padding:6px 12px 6px 16px!important;border:0!important;border-radius:0!important;background:#fff linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important;box-shadow:none!important;text-align:left!important;font:400 16px/1.25 var(--mc-font)!important;color:#0c1831!important;cursor:pointer}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-card>.mc-set-nav:first-child:not(#_),html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-card>[hidden]+.mc-set-nav:not(#_){background:#fff!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav:has(.mc-set-icon):not(#_){background-position:58px 0!important;background-size:calc(100% - 58px) 1px!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav .mc-set-label{flex:1 1 auto;min-width:0;font:400 16px/1.25 var(--mc-font);color:#0c1831}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav .mc-set-value:not(#_){flex:0 1 auto;min-width:0;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 15px/1.25 var(--mc-font)!important;color:#8a94a6!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav .mc-set-chev{flex:none;display:grid;place-items:center;width:16px;height:16px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav .mc-set-chev :is(img,svg){width:14px;height:14px;opacity:.4}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#3478f6}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-icon[data-tone="purple"]{background:#7c5cdb}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-icon :is(img,svg){width:18px;height:18px;filter:brightness(0) invert(1)}
html body .sheet.mc-editor-ios .mc-editor-main-settings{margin:4px 0 0}
/* Songs header with Reorder. */
html body .sheet.mc-editor-ios .mc-editor-songs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:0 0 7px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-editor-songs-head .mc-set-title:not(#_){margin:6px 0 0 16px!important}
html body .sheet.mc-editor-ios .mc-editor-reorder-link{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 6px;border:0;background:transparent;box-shadow:none;font:600 15px/1 var(--mc-font);color:var(--mc-blue,#3877c8);cursor:pointer}
html body .sheet.mc-editor-ios .mc-editor-reorder-link :is(img,svg){width:17px;height:17px;filter:brightness(0) saturate(100%) invert(39%) sepia(63%) saturate(1000%) hue-rotate(195deg) brightness(92%)}
/* No drag handles in the list. */
html body .sheet.mc-editor-ios:has(#setlistRows) .setlist-handle:not(#_){position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}
/* Handles stay for keyboard users (Up/Down arrows) but are not shown; Reorder Songs is the visible way to move rows. */
html body .sheet.mc-editor-ios:has(#setlistRows) :is(.setlist-edit-columns,.setlist-edit-row):not(#_){grid-template-columns:30px minmax(0,1fr) 60px 50px 40px!important}
/* Pages. */
html body .sheet.mc-editor-ios .mc-editor-page,html body .sheet.mc-editor-ios .mc-editor-page[hidden]{display:none!important}
html body .sheet.mc-editor-ios[data-editor-page="timing"] .mc-editor-page[data-page="timing"],html body .sheet.mc-editor-ios[data-editor-page="stage"] .mc-editor-page[data-page="stage"]{display:block!important}
html body .sheet.mc-editor-ios:is([data-editor-page="timing"],[data-editor-page="stage"]) .setlist-navigation-head #setlistClose{display:none!important}
/* Save stays at the top right on the Timing & Order and Stage View pages. */
html body .sheet.mc-editor-ios:is([data-editor-page="timing"],[data-editor-page="stage"]) :is(#setlistName,.setlist-editor-summary,.mc-editor-main-settings,.mc-editor-songs-head,.setlist-edit-columns,.setlist-edit-list,.mc-setlist-footer,.mc-setlist-actions,.setlist-editor-options){display:none!important}
html body .sheet.mc-editor-ios .mc-editor-page-head{display:flex;align-items:center;gap:8px;min-height:48px;margin:0 0 4px}
html body .sheet.mc-editor-ios .mc-editor-page-back{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}
html body .sheet.mc-editor-ios .mc-editor-page-back :is(img,svg){width:22px;height:22px}
html body .sheet.mc-editor-ios .mc-editor-page-head h2{margin:0;font:700 22px/1.2 var(--mc-font);color:#14254a}
/* Stage options as switch rows. */
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel:not(#_){display:block!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-export-fields:not(#_){display:block!important;margin:0!important;padding:0!important;border:0!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-export-fields>label:not(#_){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:50px!important;margin:0!important;padding:0 16px!important;background:linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important;font:400 16px/1.25 var(--mc-font)!important;color:#0c1831!important;flex-direction:row-reverse!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-export-fields>label:first-child:not(#_){background:none!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel input[type=checkbox]:not(#_){-webkit-appearance:none!important;appearance:none!important;flex:none!important;position:relative!important;width:51px!important;height:31px!important;margin:0!important;border:0!important;border-radius:16px!important;background:#e9e9eb!important;box-shadow:none!important;transition:background .2s;cursor:pointer}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel input[type=checkbox]:not(#_)::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel input[type=checkbox]:not(#_):checked{background:#34c759!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel input[type=checkbox]:not(#_):checked::after{transform:translateX(20px)}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel input[type=checkbox]:not(#_):disabled{opacity:.5}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel>.setlist-status:not(#_){margin:0!important;padding:0 16px!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel>.setlist-status:empty{display:none!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-stage-order:not(#_){margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-stage-order>summary{display:flex;align-items:center;min-height:50px;padding:0 16px;list-style:none;font:400 16px/1.25 var(--mc-font);color:#0c1831;cursor:pointer}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-stage-order>summary::-webkit-details-marker{display:none}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-stage-order>summary::after{content:"";margin-left:auto;width:14px;height:14px;background:url(/icons/heroicons/chevron-down.svg) center/14px no-repeat;opacity:.45;transition:transform .15s}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-stage-order[open]>summary::after{transform:rotate(180deg)}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-order-row{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 32px;font:400 15px/1.25 var(--mc-font);color:#24324d}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel .setlist-order-row .btn{min-height:34px!important;height:34px!important;padding:0!important;border-radius:8px!important}
/* Set List viewer: Stage View and Stage Options move to the Event (code kept). */
html body .sheet .setlist-tools.mc-stage-moved[hidden]{display:none!important}
html body .sheet.mc-editor-ios .mc-setlist-actions[hidden]:not(#_){display:none!important}
html body .sheet.mc-editor-ios:has(#setlistRows) .setlist-navigation-head .mc-editor-top-save:not(#_){position:absolute!important;right:-2px!important;top:4px!important;height:34px!important;margin:0!important;z-index:2}
html body .sheet.mc-editor-ios:has(#setlistRows) #setlistName:not(#_){padding-right:58px!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-editor-main-settings .mc-set-value{display:none!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav:not(#_)::after,html body .sheet:is(.mc-editor-ios,.sp-sheet) .mc-set-nav:not(#_)::before{content:none!important;display:none!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel:not(#_){max-height:none!important;overflow:visible!important}
/* Reorder Songs: a break has a handle and moves like a song (shaded so it reads as a break). */
html body .setlist-reorder-row.setlist-reorder-break{background:#f3f6fb!important}
html body .setlist-reorder-row.setlist-reorder-break .setlist-reorder-number :is(img,svg){width:18px;height:18px;opacity:.7}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel>.btn:not(#_){display:block!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important;box-shadow:none!important;text-align:left!important;font:400 16px/44px var(--mc-font)!important;color:var(--mc-blue,#3877c8)!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel>.btn[hidden]:not(#_){display:none!important}
html body .sheet.mc-editor-ios .mc-editor-page #setlistStageOptionsPanel>.setlist-status:not(:empty):not(#_){padding:10px 16px!important;font:400 13px/1.35 var(--mc-font)!important;color:#b42318!important;background:linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important}
html body .sheet.mc-song-form .mc-song-info .mc-song-short>label small{font:400 13px/1.2 var(--mc-font);color:#8a94a6;margin-left:4px}
/* Narrow phones: a row with a control group (− / + or the singer picker) keeps the control whole and lets the label wrap. */
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:has(.mc-duration-stepper,.mc-singer-picker):not(#_):not(#__){grid-template-columns:minmax(0,1fr) auto!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:has(.mc-duration-stepper,.mc-singer-picker):not(#_):not(#__)>label{white-space:normal!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_):not(#__) .mc-duration-stepper input{flex:0 0 64px!important;width:64px!important;min-width:64px!important}
html body .sheet.mc-song-form .mc-song-group-card .mc-set-row:not(#_):not(#__) .mc-singer-picker #setlistSongSinger{width:150px!important;max-width:44vw!important}
/* Timing & Order / Stage View pages: only the page's own back arrow (the editor's back arrow was showing on top of it). */
html body .sheet.mc-editor-ios:is([data-editor-page="timing"],[data-editor-page="stage"]):has(#setlistRows):not(#_):not(#__) .setlist-navigation-head #setlistClose{display:none!important}
/* Save state (Gary, Oct 19): green "Saved" when nothing has changed since the last save, blue "Save" after a change. */
html body .sheet.mc-editor-ios .mc-editor-top-save.is-saved:not(#_):not(#__){color:#1f9d4c!important}
html body .sheet.mc-editor-ios .mc-editor-top-save.is-dirty:not(#_):not(#__){color:var(--mc-blue,#3877c8)!important}
/* Stage View with the Song Layout (Gary, Oct 19): dark stage screen; each song or break is up to three lines —
   small print above, the song line, small print below. */
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_){background:#0b0f17!important;color:#fff!important}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-performance-items{background:#0b0f17!important}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-stage-note{color:#8f9bb0!important;font-size:13px!important}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-screen-bar .close img{filter:invert(1)!important}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-performance-row.sl3{display:flex!important;flex-direction:column!important;gap:4px!important;padding:16px 0!important;border-bottom:1px solid #1f2633!important;grid-template-columns:none!important}
html body #overlayRoot .sheet.setlist-performance .sl3-main{display:flex;align-items:baseline;gap:14px;min-width:0}
html body #overlayRoot .sheet.setlist-performance .sl3-main>span{flex:none;white-space:nowrap;font-size:clamp(18px,2.6vw,24px);font-weight:500;color:#c9d1de}
html body #overlayRoot .sheet.setlist-performance .sl3-main>:is(.sl3-title,.sl3-short){flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:clamp(24px,4vw,34px);font-weight:700;line-height:1.2;color:#fff}
html body #overlayRoot .sheet.setlist-performance .sl3-main>.sl3-num{min-width:2ch;font-weight:700;color:#fff}
html body #overlayRoot .sheet.setlist-performance .sl3-main>.sl3-key{color:#f2c46d}
html body #overlayRoot .sheet.setlist-performance .sl3-small{font-size:clamp(15px,2.2vw,20px);line-height:1.35;color:#8f9bb0;overflow-wrap:anywhere}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-performance-row.sl3-break{margin:6px 0!important;padding:12px 12px!important;border:0!important;border-radius:10px!important;background:#141a26!important}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-performance-divider{background:#1a2230!important;color:#fff!important;border-radius:8px}
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) #setlistFollowTime{background:#1f2633!important;color:#fff!important;border-color:#2c3646!important}

/* Song Layout editor (Set List editor page, Event View options button, Print Options). */
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-layout .sl-line{display:flex;gap:10px;padding:10px 12px 12px 16px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-layout .sl-line+.sl-line{border-top:1px solid #e5e5ea}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-line-name{flex:none;width:56px;padding-top:30px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-line-name b{display:block;font:600 15px/1.2 var(--mc-font);color:#0c1831}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-line-name small{display:block;font:400 11.5px/1.25 var(--mc-font);color:#8a94a6}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-chips{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:8px 6px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-chip-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-arrows{display:flex;gap:2px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-arrows button:not(#_){display:grid!important;place-items:center!important;width:30px!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#eef2f8!important;color:#1e3557!important;box-shadow:none!important;cursor:pointer}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-arrows button:not(#_):disabled{background:transparent!important;color:#c9d0db!important;cursor:default}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:16px;background:#f3f6fb;box-shadow:inset 0 0 0 1px #cbd7e7;font:400 14px/1 var(--mc-font);color:#1e3557;white-space:nowrap}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-chip.is-name{background:#14254a;box-shadow:none;color:#fff;font-weight:600}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-empty{padding-top:34px;font:400 14px/1.2 var(--mc-font);color:#a3abb9}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field+.sl-field{border-top:1px solid #e5e5ea}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-check{position:relative;flex:none;display:grid;place-items:center;width:26px;height:26px;cursor:pointer}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-check input:not(#_){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-check span{width:24px;height:24px;box-sizing:border-box;border:1.5px solid #b9c4d4;border-radius:6px;background:#fff}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-check input:checked+span{border:0;background:#3877c8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5'/%3E%3C/svg%3E") center/16px no-repeat}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-check input:focus-visible+span{outline:2px solid #3877c8;outline-offset:2px}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field select:not(#_){-webkit-appearance:none!important;appearance:none!important;flex:none!important;width:56px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 22px 0 12px!important;border:1px solid #cbd7e7!important;border-radius:9px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2353627a' stroke-width='2.4'%3E%3Cpath d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") right 7px center/12px no-repeat!important;font:400 15px/1 var(--mc-font)!important;color:#0c1831!important;box-shadow:none!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field select:not(#_):disabled{opacity:.55!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field:not(.is-on) :is(.sl-field-name,select){color:#8a94a6!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field-name{font:400 16px/1.25 var(--mc-font);color:#0c1831}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-field-note{margin-left:auto;font:400 12px/1.2 var(--mc-font);color:#8a94a6}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-msg{margin:6px 16px 0;font:400 13px/1.35 var(--mc-font);color:#b42318}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-msg:empty{display:none}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 16px;font:400 16px/1.25 var(--mc-font);color:#0c1831;cursor:pointer}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-switch-row input[type=checkbox]:not(#_){-webkit-appearance:none!important;appearance:none!important;flex:none!important;position:relative!important;width:51px!important;height:31px!important;margin:0!important;border:0!important;border-radius:16px!important;background:#e9e9eb!important;box-shadow:none!important;transition:background .2s;cursor:pointer}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-switch-row input[type=checkbox]:not(#_)::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-switch-row input[type=checkbox]:not(#_):checked{background:#34c759!important}
html body .sheet:is(.mc-editor-ios,.sp-sheet) .sl-switch-row input[type=checkbox]:not(#_):checked::after{transform:translateX(20px)}
html body .sheet.mc-stage-options-sheet .mc-editor-page{padding-bottom:16px}
/* Print Options (Gary, Oct 19): row fields and column order come from the Song Layout. */
html body .setlist-print-options-panel .setlist-column-order{display:none!important}
html body .setlist-print-options-panel .setlist-print-song-layout #setlistPrintSongLayout{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 14px;border:1px solid var(--mc-line,#cbd7e7);border-radius:12px;background:#fff url(/icons/heroicons/chevron-right.svg) right 12px center/14px no-repeat;font:500 15px/1.2 var(--mc-font);color:#1e3557;text-align:left}
html body .setlist-print-options-panel .setlist-print-song-layout small{display:block;margin-top:4px;font:400 12.5px/1.3 var(--mc-font);color:#6D6D72}
/* Stage View close button on the dark screen. */
html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-screen-bar,html body #overlayRoot .sheet.setlist-performance.setlist-screen:not(#_) .setlist-screen-bar .close{background:transparent!important;border:0!important;box-shadow:none!important}

/* Song Layout preview (Gary, Oct 19): a small Stage View above the layout editor. */
#overlayRoot .sl-preview{background:#0f1625;border-radius:14px;padding:4px 14px;color:#fff}
#overlayRoot .sl-preview .sl3{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#overlayRoot .sl-preview .sl3:last-child{border-bottom:0}
#overlayRoot .sl-preview .sl3-main{display:flex;align-items:baseline;gap:10px;min-width:0}
#overlayRoot .sl-preview .sl3-main>span{flex:none;white-space:nowrap;font-size:14px;font-weight:500;color:#c9d1de}
#overlayRoot .sl-preview .sl3-main>:is(.sl3-title,.sl3-short){flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:18px;font-weight:600;color:#fff}
#overlayRoot .sl-preview .sl3-main>.sl3-num{min-width:2ch;font-weight:700;color:#fff}
#overlayRoot .sl-preview .sl3-main>.sl3-key{color:#f2c46d}
#overlayRoot .sl-preview .sl3-small{font-size:12px;line-height:1.3;color:#8f9bb0;overflow-wrap:anywhere}
#overlayRoot .sl-preview .sl3-break{margin:6px 0;padding:7px 10px;border:0;border-radius:8px;background:rgba(255,255,255,.07)}
html body #overlayRoot .sheet.setlist-performance .sl3-main>.sl3-breakname{flex:1 1 auto;min-width:0;white-space:normal;font-size:clamp(20px,3vw,28px);font-weight:700;color:#fff}
#overlayRoot .sl-preview .sl3-main>.sl3-breakname{flex:1 1 auto;min-width:0;white-space:normal;font-size:16px;font-weight:700;color:#fff}
.sl-field .sl-line-fixed{flex:none;width:56px;height:34px}

/* Set List Preview (Gary, Oct 19): pinned preview, style buttons, Header / Song Layout rows, fixed actions. */
html body #overlayRoot .sheet.sp-sheet:not(#_){display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#F2F2F7!important}
html body #overlayRoot .sheet.sp-sheet:not(#_)>.setlist-navigation-head{position:relative;flex:none}
html body #overlayRoot .sheet.sp-sheet .sp-full{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:18px;border:1px solid #E5E5EA;background:#fff;display:grid;place-items:center;color:#1C1C1E;padding:0}
html body #overlayRoot .sheet.sp-sheet .sp-preview{flex:none;background:#E4E6EB;padding:8px 12px;border-bottom:.5px solid #C6C6C8}
html body #overlayRoot .sheet.sp-sheet:not(.setlist-preview-full) .sp-preview .setlist-export-preview:not(#_){height:250px!important;max-height:250px!important;overflow:auto!important;margin:0!important}
html body #overlayRoot .sheet.sp-sheet .sp-preview #setlistError:empty{display:none}
html body #overlayRoot .sheet.sp-sheet .sp-styles:not(#_){flex:none;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px 16px 10px!important;margin:0!important}
html body #overlayRoot .sheet.sp-sheet .sp-styles>.btn:not(#_){min-height:44px!important;margin:0!important;border-radius:12px!important;font:600 clamp(13px,3.9vw,15px)/1.1 var(--mc-font)!important;white-space:nowrap!important;padding:0 4px!important}
html body #overlayRoot .sheet.sp-sheet .sp-card{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;margin:0 16px 10px;background:#fff;border-radius:22px;overflow:hidden}
html body #overlayRoot .sheet.sp-sheet .sp-card.sp-layout-open{flex:1 1 auto}
html body #overlayRoot .sheet.sp-sheet .sp-row{flex:none;display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 14px;border:0;border-radius:0;background:transparent;font:400 17px var(--mc-font);color:#000;text-align:left}
html body #overlayRoot .sheet.sp-sheet .sp-row+.sp-header-body+.sp-row,html body #overlayRoot .sheet.sp-sheet .sp-header-body[hidden]+.sp-row{border-top:.5px solid #C6C6C8}
html body #overlayRoot .sheet.sp-sheet .sp-tile{flex:none;width:29px;height:29px;border-radius:7px;display:grid;place-items:center}
html body #overlayRoot .sheet.sp-sheet .sp-tile[data-tone="blue"]{background:#2F6FEB}
html body #overlayRoot .sheet.sp-sheet .sp-tile[data-tone="purple"]{background:#5E5CE6}
html body #overlayRoot .sheet.sp-sheet .sp-label{flex:1 1 auto}
html body #overlayRoot .sheet.sp-sheet .sp-value{font-size:15px;color:#8A8A8E}
html body #overlayRoot .sheet.sp-sheet .sp-chev{display:grid;place-items:center;color:#C4C4C7;transition:transform .15s}
html body #overlayRoot .sheet.sp-sheet .sp-chev img,html body #overlayRoot .sheet.sp-sheet .sp-chev svg{width:15px;height:15px;opacity:.5}
html body #overlayRoot .sheet.sp-sheet .sp-row[aria-expanded="true"] .sp-chev{transform:rotate(90deg)}
html body #overlayRoot .sheet.sp-sheet .sp-header-body{flex:none;background:#FAFAFC;border-top:.5px solid #C6C6C8}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 16px 0 55px;margin:0;font:400 16px var(--mc-font)}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row+.sp-switch-row{border-top:.5px solid #E0E0E5}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row>span{flex:1 1 auto}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:51px;height:31px;margin:0;border-radius:16px;background:#E9E9EB;cursor:pointer;transition:background .2s}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row input[type=checkbox]::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row input[type=checkbox]:checked{background:#34C759}
html body #overlayRoot .sheet.sp-sheet .sp-switch-row input[type=checkbox]:checked::before{transform:translateX(20px)}
/* Gary, Oct 21: one switch per Header Details row, no leftover checkmark (the common checkbox style adds one) */
html body #overlayRoot .sheet.sp-sheet .sp-switch-row input[type=checkbox]::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.sp-sheet .sp-layout-body{flex:1 1 auto;min-height:0;overflow-y:auto;background:#FAFAFC;border-top:.5px solid #C6C6C8;padding:10px 10px 6px}
html body #overlayRoot .sheet.sp-sheet .sp-layout-body .setlist-export-defaults{display:block;margin:6px auto 4px;border:0;background:transparent;color:#007AFF;font:400 15px var(--mc-font)}
html body #overlayRoot .sheet.sp-sheet .setlist-preview-actions:not(#_){flex:none;margin:0!important;padding:10px 16px 16px!important;border-top:.5px solid #C6C6C8;background:#F2F2F7}

/* Song Library import (Gary, Oct 19): one editable text box, then one song at a time. */
.setlist-import-lines{display:block;width:100%;box-sizing:border-box;min-height:260px;padding:12px 14px;border:1px solid #D1D1D6;border-radius:14px;background:#FFF;color:#000;font:400 16px/1.45 -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,sans-serif;resize:vertical}
.setlist-import-lines:focus{outline:none;border-color:#007AFF;box-shadow:0 0 0 3px rgba(0,122,255,.15)}
#setlistImportCount.error{color:#C4291C}
.setlist-import-walk{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px 10px 14px;border-radius:14px;background:#EEF4FF;border:1px solid #D6E4FF}
.setlist-import-walk-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.setlist-import-walk-text b{font:600 13px/1.2 -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,sans-serif;color:#1D4ED8;text-transform:uppercase;letter-spacing:.03em}
.setlist-import-walk-text span{font:500 16px/1.3 -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,sans-serif;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setlist-import-walk .btn{flex:none;min-height:36px;padding:0 16px;border-radius:18px}
/* Import Songs (Gary, Oct 20): grouped rows with a second line. */
html body #overlayRoot .sheet.sp-sheet .sp-note{margin:4px 32px 12px!important;font:400 14px/1.4 var(--mc-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet.sp-sheet .sp-row.sp-row-two{min-height:64px!important;padding:10px 14px!important;gap:12px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet.sp-sheet .sp-row-two+.sp-row-two{border-top:.5px solid #C6C6C8!important}
html body #overlayRoot .sheet.sp-sheet .sp-row-two:active{background:#E5E5EA!important}
html body #overlayRoot .sheet.sp-sheet .sp-row-two .sp-label{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;font:400 17px/1.25 var(--mc-font)!important;color:#000!important}
html body #overlayRoot .sheet.sp-sheet .sp-row-two .sp-label small{font:400 14px/1.3 var(--mc-font)!important;color:#8A8A8E!important}
html body #overlayRoot .sheet.sp-sheet .setlist-photo-picker .setlist-photo-native-retry[hidden]{display:none!important}

/* Song finder and import text box (Gary, Oct 20 mockup). */
html body #overlayRoot .sheet.sf-sheet .sf-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:14px 16px 16px;-webkit-overflow-scrolling:touch}
html body #overlayRoot .sheet.sf-sheet .sf-body>.sp-card{margin:0!important;flex:none}
html body #overlayRoot .sheet.sf-sheet .sf-caption{margin:10px 16px 0;font:400 13px/1.35 var(--mc-font);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body #overlayRoot .sheet.sf-sheet .sf-caption:first-child{margin-top:4px}
html body #overlayRoot .sheet.sf-sheet .sf-caption b{font-weight:600;color:#3C3C43}
html body #overlayRoot .sheet.sf-sheet .sf-caption-row{display:flex;justify-content:space-between;gap:12px}
html body #overlayRoot .sheet.sf-sheet .sf-caption-row #setlistImportCount{text-transform:none}
html body #overlayRoot .sheet.sf-sheet .sf-caption-row #setlistImportCount.error{color:#C4291C;font-weight:600}
html body #overlayRoot .sheet.sf-sheet .sf-tip{margin-top:4px;text-transform:none;letter-spacing:0}
html body #overlayRoot .sheet.sf-sheet .sf-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html body #overlayRoot .sheet.sf-sheet .sf-text-card{flex:1 1 auto!important;min-height:280px;padding:12px 16px;box-sizing:border-box}
html body #overlayRoot .sheet.sf-sheet .sf-text-card .setlist-import-lines:not(#_){flex:1 1 auto;width:100%;height:100%;min-height:256px;border:0!important;outline:none;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;resize:none;font:400 17px/1.55 var(--mc-font)!important;color:#000}
html body #overlayRoot .sheet.sf-sheet .sf-actions{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#F2F2F7;border-top:.5px solid #D1D1D6}
html body #overlayRoot .sheet.sf-sheet .sf-actions .btn:not(#_){height:50px;min-height:50px;margin:0;border-radius:14px;font:600 17px var(--mc-font)}
html body #overlayRoot .sheet.sf-sheet .sf-actions .btn.ghost:not(#_){background:#fff;border:0;color:#2F6FEB}
html body #overlayRoot .sheet.sf-sheet .sf-actions .btn.primary:not(#_){background:#2F6FEB;border:0;color:#fff}
html body #overlayRoot .sheet.sf-sheet .sf-actions .btn.primary:disabled{background:#A9C2F2!important;color:#fff!important;opacity:1}
html body #overlayRoot .sheet.sf-sheet .sf-progress{display:flex;align-items:center;gap:12px;margin:0 4px 4px}
html body #overlayRoot .sheet.sf-sheet .sf-progress-text{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-width:0}
html body #overlayRoot .sheet.sf-sheet .sf-progress-text b{font:600 13px var(--mc-font);color:#2F6FEB;text-transform:uppercase;letter-spacing:.03em}
html body #overlayRoot .sheet.sf-sheet .sf-bar{display:block;height:4px;border-radius:2px;background:#DCE4F5;overflow:hidden}
html body #overlayRoot .sheet.sf-sheet .sf-bar i{display:block;height:4px;background:#2F6FEB}
html body #overlayRoot .sheet.sf-sheet .sf-skip:not(#_){flex:none;height:34px;min-height:34px;margin:0;padding:0 16px;border-radius:17px;border:0;background:#fff;color:#2F6FEB;font:600 15px var(--mc-font)}
html body #overlayRoot .sheet.sf-sheet .sf-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px 0 16px;margin:0;font:400 17px var(--mc-font);color:#000}
html body #overlayRoot .sheet.sf-sheet .sf-row+.sf-row{border-top:.5px solid #C6C6C8}
html body #overlayRoot .sheet.sf-sheet .sf-label{flex:none;width:58px}
html body #overlayRoot .sheet.sf-sheet .sf-row input[type=search]:not(#_){flex:1 1 auto;min-width:0;height:44px;border:0!important;outline:none;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0;font:400 17px var(--mc-font)!important;color:#000;-webkit-appearance:none;appearance:none}
html body #overlayRoot .sheet.sf-sheet .sf-row select:not(#_){flex:1 1 auto;min-width:0;height:44px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0;font:400 17px var(--mc-font)!important;color:#8A8A8E}
html body #overlayRoot .sheet.sf-sheet .sf-only{flex:none;display:flex;align-items:center;gap:8px;margin:0;font:400 15px var(--mc-font);color:#000;white-space:nowrap}
html body #overlayRoot .sheet.sf-sheet .sf-only input{width:22px;height:22px;margin:0;accent-color:#2F6FEB}
html body #overlayRoot .sheet.sf-sheet .sf-only input:disabled+*,html body #overlayRoot .sheet.sf-sheet .sf-only:has(input:disabled){color:#AEAEB2}
html body #overlayRoot .sheet.sf-sheet .sf-results{display:flex;flex-direction:column;gap:7px}
html body #overlayRoot .sheet.sf-sheet .sf-list{padding:0!important}
html body #overlayRoot .sheet.sf-sheet .sf-item:not(#_){display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin:0;padding:8px 14px;border:0;border-radius:0;background:#fff;box-shadow:none;font:inherit;color:#000;text-align:left}
html body #overlayRoot .sheet.sf-sheet .sf-item+.sf-item{border-top:.5px solid #E5E5EA}
html body #overlayRoot .sheet.sf-sheet .sf-item.selected:not(#_){background:#EEF4FF}
html body #overlayRoot .sheet.sf-sheet .sf-check{flex:none;width:24px;height:24px;border-radius:12px;box-sizing:border-box;border:1.5px solid #C7C7CC;background:#fff;display:grid;place-items:center}
html body #overlayRoot .sheet.sf-sheet .sf-check svg{opacity:0}
html body #overlayRoot .sheet.sf-sheet .sf-item.selected .sf-check{border:0;background:#2F6FEB}
html body #overlayRoot .sheet.sf-sheet .sf-item.selected .sf-check svg{opacity:1}
html body #overlayRoot .sheet.sf-sheet .sf-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body #overlayRoot .sheet.sf-sheet .sf-title{font:600 16px/1.25 var(--mc-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #overlayRoot .sheet.sf-sheet .sf-title.sf-plain{font-weight:400}
html body #overlayRoot .sheet.sf-sheet .sf-sub{font:400 14px/1.25 var(--mc-font);color:#6D6D72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #overlayRoot .sheet.sf-sheet .sf-time{flex:none;font:400 15px var(--mc-font);color:#6D6D72;font-variant-numeric:tabular-nums}
html body #overlayRoot .sheet.sf-sheet .sf-link:not(#_){align-self:flex-start;margin:8px 16px 0;padding:6px 0;border:0;background:none;box-shadow:none;font:400 15px var(--mc-font);color:#2F6FEB;min-height:0}
html body #overlayRoot .sheet.sf-sheet #setlistError:empty{display:none}
html body #overlayRoot .sheet.sf-sheet .sf-results>.sp-card{margin:0!important}
html body #overlayRoot .sheet.sf-sheet .sf-label{width:52px}
html body #overlayRoot .sheet.sf-sheet .sf-row select:not(#_){flex:1 1 auto;min-width:96px;font-size:16px!important;text-overflow:ellipsis}
html body #overlayRoot .sheet.sf-sheet .sf-only{gap:6px;font-size:14px}
html body #overlayRoot .sheet.sf-sheet .sf-cover{flex:none;width:40px;height:40px;border-radius:6px;overflow:hidden;background:#EEEEF0;display:grid;place-items:center}
html body #overlayRoot .sheet.sf-sheet .sf-cover img{display:block;width:40px;height:40px;object-fit:cover}
html body #overlayRoot .sheet.sf-sheet .sf-cover-empty img,html body #overlayRoot .sheet.sf-sheet .sf-cover-empty svg{width:18px;height:18px;opacity:.35}
html body #overlayRoot .sheet.sf-sheet .sf-item:not(#_){gap:10px}
/* Circle outside the box; tap the box to listen (Gary, Oct 20). */
html body #overlayRoot .sheet.sf-sheet .sf-list:not(#_){display:flex;flex-direction:column;gap:8px;margin:0!important;padding:0!important;background:transparent!important}
html body #overlayRoot .sheet.sf-sheet .sf-pick{display:flex;align-items:center;gap:6px}
html body #overlayRoot .sheet.sf-sheet .sf-dot:not(#_){flex:none;width:36px;height:52px;min-height:0;margin:0 0 0 -6px;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;display:grid;place-items:center}
html body #overlayRoot .sheet.sf-sheet .sf-pick .sf-check{border:1.5px solid #C7C7CC;background:#fff}
html body #overlayRoot .sheet.sf-sheet .sf-pick .sf-check svg{opacity:0}
html body #overlayRoot .sheet.sf-sheet .sf-pick.selected .sf-check{border:0;background:#2F6FEB}
html body #overlayRoot .sheet.sf-sheet .sf-pick.selected .sf-check svg{opacity:1}
html body #overlayRoot .sheet.sf-sheet .sf-pick .sf-item:not(#_):not(#__){position:relative;flex:1 1 auto;min-width:0;min-height:60px;padding:8px 12px 8px 10px;border-radius:14px;border:1.5px solid transparent;background:#fff}
html body #overlayRoot .sheet.sf-sheet .sf-pick.selected .sf-item:not(#_):not(#__){background:#EEF4FF;border-color:#2F6FEB}
html body #overlayRoot .sheet.sf-sheet .sf-pick .sf-item:active{background:#F2F2F7}
html body #overlayRoot .sheet.sf-sheet .sf-play{position:absolute;left:36px;bottom:10px;width:17px;height:17px;border-radius:9px;background:rgba(0,0,0,.62);display:grid;place-items:center;padding-left:1px;box-sizing:border-box;pointer-events:none}
html body #overlayRoot .sheet.sf-sheet .sf-list-typed .sf-item:not(#_):not(#__){min-height:56px}
html body #overlayRoot .sheet.sf-sheet .sf-chev{flex:none;display:grid;place-items:center;margin-left:-4px;opacity:.4}html body #overlayRoot .sheet.sf-sheet .sf-chev img,html body #overlayRoot .sheet.sf-sheet .sf-chev svg{width:13px;height:13px}
/* Gary, Oct 20: Song Library opens with Add Song / Import Songs rows (Group screen style). */
html body #overlayRoot .sheet.mc-song-library .mc-lib-card{flex:none;display:flex;flex-direction:column;margin:0 0 12px;background:#fff;border:.5px solid #D1D1D6;border-radius:16px;overflow:hidden}
html body #overlayRoot .sheet.mc-song-library .mc-lib-row{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:50px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#000!important;font:400 17px var(--ios-font,-apple-system,system-ui,sans-serif)!important;text-align:left!important;cursor:pointer}
html body #overlayRoot .sheet.mc-song-library .mc-lib-row+.mc-lib-row{border-top:.5px solid #D1D1D6!important}
html body #overlayRoot .sheet.mc-song-library .mc-lib-row:disabled{opacity:.45;cursor:default}
html body #overlayRoot .sheet.mc-song-library .mc-lib-tile{flex:none;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#2F6FEB}
html body #overlayRoot .sheet.mc-song-library .mc-lib-tile[data-tone="purple"]{background:#5E5CE6}
html body #overlayRoot .sheet.mc-song-library .mc-lib-label{flex:1 1 auto;min-width:0}
html body #overlayRoot .sheet.mc-song-library .mc-lib-chev{display:grid;place-items:center}
html body #overlayRoot .sheet.mc-song-library .mc-lib-chev img,html body #overlayRoot .sheet.mc-song-library .mc-lib-chev svg{width:15px;height:15px;opacity:.45}
html body #overlayRoot .sheet.mc-song-library .mc-library-delete-bar[hidden]{display:none!important}
html body #overlayRoot .sheet.mc-song-library .mc-library-delete-bar .btn{width:100%}
/* Gary, Oct 20: view-only Song Library (no checkboxes, Select All, Delete or edit column). */
html body #overlayRoot .sheet.mc-song-library .mc-lib-viewonly{flex-direction:row;align-items:center;gap:12px;padding:10px 14px}
html body #overlayRoot .sheet.mc-song-library .mc-lib-tile[data-tone="gray"]{background:#8E8E93}
html body #overlayRoot .sheet.mc-song-library .mc-lib-viewonly .mc-lib-label{display:flex;flex-direction:column;gap:2px}
html body #overlayRoot .sheet.mc-song-library .mc-lib-viewonly b{font:600 16px var(--ios-font,-apple-system,system-ui,sans-serif);color:#000}
html body #overlayRoot .sheet.mc-song-library .mc-lib-viewonly small{font:400 13px/1.3 var(--ios-font,-apple-system,system-ui,sans-serif);color:#6D6D72}
html body .sheet.mc-song-library.mc-library-readonly .mc-library-row.mc-library-view,html body .sheet.mc-song-library.mc-library-readonly .mc-library-head{grid-template-columns:minmax(0,1fr) 40px 44px!important;padding-left:14px!important}
html body .sheet.mc-song-library.mc-library-readonly .mc-library-head span:first-child{display:none!important}
html body #overlayRoot .sheet.mc-song-library .setlist-actions.mc-library-delete-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
html body #overlayRoot .sheet.mc-song-library .setlist-actions.mc-library-delete-bar[hidden]{display:none!important}
html body #overlayRoot .sheet.mc-song-library .setlist-actions.mc-library-delete-bar .btn{width:100%!important;max-width:none!important}
/* Gary, Oct 20: search service problem reads as a plain sentence, not a section caption. */
html body #overlayRoot .sheet.sf-sheet .sf-caption.sf-caption-problem{text-transform:none;letter-spacing:0;font-size:14px;color:#C0392B}
/* Song Library (Gary, Oct 20): Delete and Send to… side by side. */
html body #overlayRoot .sheet.mc-song-library .setlist-actions.mc-library-delete-bar:not(#_):has(#setlistLibrarySend){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
/* Typed delete confirmation (Gary, Oct 20) */
.ya-typed-confirm-backdrop{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:16px;background:rgba(12,24,49,.45)}
.ya-typed-confirm{width:min(340px,100%);box-sizing:border-box;padding:18px 16px 14px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.3);font-family:var(--mc-font,system-ui)}
.ya-typed-confirm h3{margin:0 0 8px;font:700 19px/1.25 var(--mc-font,system-ui);color:#0c1831}
.ya-typed-confirm .ya-typed-warning{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#FDECEC;color:#8A1C1C;font:400 14px/1.4 var(--mc-font,system-ui)}
.ya-typed-confirm label{display:block;margin:0 0 6px;font:400 14px var(--mc-font,system-ui);color:#3C3C43}
.ya-typed-confirm input{width:100%;box-sizing:border-box;height:42px;padding:0 12px;border:1px solid #D1D1D6;border-radius:10px;font:600 16px var(--mc-font,system-ui);letter-spacing:.04em}
.ya-typed-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ya-typed-actions .btn{min-height:44px;margin:0}
/* Song Layout (Gary, Oct 21): Default button on the Layout title; grey samples in the preview; Save on the page title row. */
html body .sheet .mc-set-title.sl-layout-title{display:flex!important;align-items:center!important;justify-content:space-between!important}
html body .sheet .sl-layout-title .sl-default{border:0;background:transparent;padding:2px 2px;font:600 15px var(--mc-font);color:var(--mc-blue,#3877c8);text-transform:none;letter-spacing:0;cursor:pointer}
html body .sheet .sl-preview .sl3-sample{color:#8a93a6!important;font-weight:400!important;font-style:italic}
html body .sheet.mc-editor-ios .mc-editor-page-head .mc-editor-top-save:not(#_){position:static!important;margin-left:auto!important;height:34px!important}
/* Song Layout editor (Gary, Oct 21 mockup): square field boxes with ‹ ▲ ▼ › and ✕; fields not included below. */
html body .sheet .sl-layout .sl-boxes{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}
html body .sheet .sl-layout .sl-box{box-sizing:border-box;min-width:96px;padding:6px 6px 5px;border:1px solid #c9d3e3;border-radius:8px;background:#f7f9fc;color:#14254a}
html body .sheet .sl-layout .sl-box.is-name{background:#14254a;border-color:#14254a;color:#fff}
html body .sheet .sl-layout .sl-box-top{display:flex;align-items:flex-start;gap:6px;margin:0 0 5px 2px}
html body .sheet .sl-layout .sl-box-label{flex:1 1 auto;font:600 14px/1.2 var(--mc-font);white-space:nowrap}
html body .sheet .sl-layout .sl-box-x{flex:none;width:20px;height:20px;margin:-2px -2px 0 0;padding:0;border:0;background:transparent;color:#8a93a6;font:600 13px/20px var(--mc-font);cursor:pointer}
html body .sheet .sl-layout .sl-box-ctl{display:flex;gap:4px}
html body .sheet .sl-layout .sl-box-ctl button{display:grid;place-items:center;width:22px;height:22px;min-height:22px;padding:0;border:0;border-radius:5px;background:#e3eaf5;color:#3877c8;cursor:pointer}
html body .sheet .sl-layout .sl-box.is-name .sl-box-ctl button{background:#2c3f66;color:#fff}
html body .sheet .sl-layout .sl-box-ctl button:disabled{opacity:.3;cursor:default}
html body .sheet .sl-off .sl-off-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;margin:0;font:400 16px var(--mc-font);color:#14254a;cursor:pointer}
html body .sheet .sl-off .sl-off-row+.sl-off-row{border-top:.5px solid #E0E0E5}
html body .sheet .sl-off .sl-off-row .sl-field-note{margin-left:auto;color:#8a93a6;font-size:12px}
html body .sheet .sl-off .sl-off-empty{padding:12px 14px;margin:0}
/* Breaks (Gary, Oct 21): their own row, right-aligned — Stage View, the Song Layout preview and print. */
html body #overlayRoot .sl3-break .sl3-main{justify-content:flex-end!important}
html body #overlayRoot .sl3-break .sl3-main>.sl3-breakname{flex:0 1 auto!important;text-align:right!important}
/* Gary, Oct 21: no empty strip above the Song Layout / Timing pages (Save is on the page title row there). */
html body #overlayRoot .sheet.mc-editor-ios:is([data-editor-page="stage"],[data-editor-page="timing"]):not(#_) .setlist-navigation-head{display:none!important}
/* Set List Preview (Gary, Oct 21): title row left-justified across the width, circled X on the right — also in full screen. */
html body #overlayRoot .sheet.sp-sheet:not(#_) .setlist-navigation-head{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:stretch!important;width:auto!important;padding-right:52px!important}
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_)>.sheet-head h2{display:block!important}
html body #overlayRoot .sheet.sp-sheet:not(#_) .sp-preview .setlist-export-preview{cursor:zoom-in}
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_) .setlist-export-preview{cursor:default}

/* Full-screen Set List Preview (Gary, Oct 21): only the preview, with "Set List Preview" on the left and the X on the right. */
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_){display:flex!important;flex-direction:column!important}
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_)>:is(.setlist-print-layouts,#setlistPrintOptionsPanel,.setlist-preview-actions),html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_) :is(#setlistError,#setlistClose){display:none!important}
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_)>.sp-preview{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_)>.sp-preview>.setlist-export-preview{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important}
html body #overlayRoot .sheet.sp-sheet.setlist-preview-full:not(#_)>.sheet-head{align-self:stretch!important;height:auto!important;min-height:52px!important;padding-left:16px!important}