/* iCifra — Smart Simplify (automatic). Uses the existing theme tokens; distinct from editorial "Simplificada". */
.player-toolbar .toolbar-controls>.smart-simplify-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px!important;min-height:42px;padding:4px 8px;border-radius:12px}
.smart-simplify-btn svg{width:18px;height:18px}
.smart-simplify-btn small{font-size:10px;font-weight:600;white-space:nowrap}
.smart-simplify-btn[aria-pressed="true"]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}
.smart-simplify-btn:focus-visible,.smart-bar button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}

.smart-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:13px;line-height:1.4;color:var(--text)}
.smart-bar[hidden]{display:none}
.smart-modes{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:none}
.smart-modes button{min-height:34px;padding:4px 10px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer}
.smart-modes button+button{border-left:1px solid var(--line)}
.smart-modes button[aria-checked="true"]{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--text)}
.smart-status{flex:1 1 240px;margin:0;min-width:0}
.smart-status strong{color:var(--accent)}
.smart-status .smart-estimate{color:var(--muted);font-size:11px}
.smart-details-toggle{flex:none;min-height:34px;padding:4px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--accent-2);font-size:12px;cursor:pointer}
.smart-details{flex-basis:100%;display:grid;gap:12px;padding-top:6px;border-top:1px solid var(--line)}
.smart-details[hidden]{display:none}
.smart-details h3{margin:0 0 4px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.smart-details ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.smart-details li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:4px 8px;border-radius:8px;border-left:3px solid var(--line);background:var(--surface)}
.smart-details .smart-chord{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--accent)}
.smart-details .smart-note{color:var(--muted);font-size:12px;flex-basis:100%}
.smart-tag{display:inline-block;padding:0 6px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid currentColor}
/* Shape-only (capo/fingering), harmonic, and caution changes are told apart by label text AND border style. */
.smart-kind-shape li{border-left-color:var(--accent-2)}
.smart-kind-shape .smart-tag{color:var(--accent-2)}
.smart-kind-harmony li{border-left-color:var(--accent)}
.smart-kind-harmony .smart-tag{color:var(--accent)}
.smart-kind-harmony li.smart-caution{border-left-style:dashed;border-left-color:var(--danger,#ff7587)}
.smart-kind-harmony li.smart-caution .smart-tag{color:var(--danger,#ff7587)}
.smart-kind-kept li{border-left-color:var(--muted)}
.smart-disclaimer{margin:0;color:var(--muted);font-size:12px}
.smart-print-note{display:none}
@media screen and (max-width:600px){
 .smart-bar{font-size:12px;padding:6px 8px;gap:6px 8px}
 .smart-modes button{padding:4px 8px;font-size:11px}
 .player-toolbar .toolbar-controls>.smart-simplify-btn{min-width:58px!important;padding:4px 6px}
}
@media print{
 .smart-bar{display:none!important}
 .smart-print-note{display:block;margin:0 0 10px;font:italic 11px/1.4 Inter,system-ui,sans-serif;color:#000}
}
/* Keep all four modes reachable without widening the music sheet. */
.smart-modes{max-width:100%;min-width:0;flex:0 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.smart-modes button{flex:0 0 auto;white-space:nowrap}
