:root{--nav:#111827;--bg:#eef2f7}body{background:var(--bg);font-family:Arial,sans-serif}.navbar{background:linear-gradient(90deg,#0f172a,#1d4ed8)}.panel{background:#fff;border-radius:14px;padding:18px;box-shadow:0 5px 20px #0001}.toolbar{display:grid;grid-template-columns:1fr 260px auto;gap:10px;margin-bottom:14px}.stat{background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 20px #0001}.stat strong{font-size:2rem}.badge-cat{white-space:normal}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#2563eb)}.login-card{background:#fff;padding:32px;border-radius:18px;width:min(390px,92vw);box-shadow:0 20px 50px #0005;text-align:center}.login-card small{display:block;margin-top:14px;color:#64748b}.picker{max-height:420px;overflow:auto}.pick,.sel,.saved{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e5e7eb}.cat-Calmo{background:#70be48!important}.cat-Mediano{background:#ed7d31!important}.cat-Cantor{background:#4b4b4b!important;color:#fff}.cat-Animado{background:#fff200!important}.cat-Suspensa{background:#f00!important;color:#fff}@media(max-width:800px){.toolbar{grid-template-columns:1fr}.table{font-size:.82rem}}@media print{nav,#dash,#songs,.col-lg-5,.btn,hr,#savedSets,h5:last-of-type{display:none!important}#sets{display:block!important}.col-lg-7{width:100%}.panel{box-shadow:none}}.picker-legend{display:flex;justify-content:space-between;gap:8px;font-size:.76rem;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 9px;margin-bottom:6px}.pick-card{border:1px solid #dbe2ea;border-left-width:7px;border-radius:10px;margin:7px 2px;padding:10px;background:#fff!important;gap:10px}.pick-card.cat-Calmo{border-left-color:#70be48}.pick-card.cat-Mediano{border-left-color:#ed7d31}.pick-card.cat-Cantor{border-left-color:#4b4b4b;color:#111827}.pick-card.cat-Animado{border-left-color:#e8d800}.pick-card.cat-Suspensa{border-left-color:#f00}.pick-main{min-width:0;flex:1}.pick-title{display:flex;align-items:center;gap:8px;line-height:1.15}.qty-pill{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:#0f766e;color:#fff;font-weight:800;font-size:.85rem}.pick-meta{display:grid;grid-template-columns:70px 1fr;gap:2px 12px;font-size:.76rem;color:#475569;margin-top:6px}.pick-meta span:first-child{grid-column:1}.pick-meta span:nth-child(2){grid-column:2}.pick-meta span:nth-child(3){grid-column:2}.pick-type{display:inline-block;margin-top:6px;padding:2px 7px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.70rem;font-weight:700}.pick-add{flex:0 0 auto}@media(max-width:600px){.picker-legend{display:block}.picker-legend span{display:block}.pick-card{align-items:flex-start}.pick-meta{grid-template-columns:1fr}.pick-meta span{grid-column:1!important}.pick-add{margin-top:2px}}
.set-info-box{background:#f8fafc;border:1px solid #dbe2ea;border-radius:12px;padding:14px}.set-info-box .form-label{font-size:.82rem;font-weight:700;color:#475569;margin-bottom:4px}.set-picker-panel h5{margin-bottom:2px}.saved-set-card{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:12px}.saved-info{min-width:0}.saved-actions{display:flex;gap:7px;flex:0 0 auto}.sel{border:1px solid #e2e8f0;border-radius:9px;margin-bottom:7px;background:#fff}.sel small{color:#64748b;margin-left:5px}@media(max-width:600px){.saved-set-card{align-items:flex-start;gap:10px}.saved-actions{flex-direction:column}.set-info-box{padding:11px}}
.login-brand{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:18px}.login-brand img{width:105px;height:88px;object-fit:contain;border-radius:12px}.login-brand img:last-child{background:#07142d}.nav-brand{display:flex;align-items:center;gap:10px;color:#fff}.nav-brand img{width:48px;height:42px;object-fit:contain;border-radius:7px}.nav-brand img:last-child{background:#07142d}.nav-brand div{display:flex;flex-direction:column;line-height:1.05}.nav-brand small{font-size:.68rem;opacity:.82;margin-top:3px}.selected-song{gap:12px;align-items:center}.selected-song-info{min-width:0;flex:1;display:flex;flex-direction:column}.selected-song-info small{margin:3px 0 0;color:#64748b}.selected-tone{width:145px;flex:0 0 145px}.selected-tone label{display:block;font-size:.68rem;font-weight:700;color:#475569;margin-bottom:2px}.selected-actions{display:flex;gap:5px;flex:0 0 auto}@media(max-width:700px){.navbar{align-items:flex-start}.nav-brand img{width:40px;height:36px}.nav-brand div{max-width:130px}.selected-song{align-items:flex-start;flex-wrap:wrap}.selected-song-info{flex-basis:calc(100% - 40px)}.selected-tone{width:calc(100% - 125px);flex:1}.selected-actions{margin-left:auto}.login-brand img{width:88px;height:74px}}
.tag-wrap{display:flex;flex-wrap:wrap;gap:5px}.song-tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--tag-color) 16%,white);border:1px solid var(--tag-color);color:#1f2937;font-size:.72rem;font-weight:700;line-height:1.15}.song-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tag-color);margin-right:6px}.tag-choice-box{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto;border:1px solid #dee2e6;border-radius:8px;padding:10px;background:#f8fafc}.tag-check{cursor:pointer}.tag-check input{position:absolute;opacity:0;pointer-events:none}.tag-check .song-tag{opacity:.48;transition:.15s}.tag-check input:checked+.song-tag{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--tag-color) 25%,transparent)}.tag-color-preview{display:inline-block;width:30px;height:30px;border-radius:8px;border:1px solid #cbd5e1}.form-control-color{width:58px;min-width:58px}.table td .tag-wrap{min-width:180px}@media(max-width:800px){.table td .tag-wrap{min-width:130px}.song-tag{font-size:.66rem}}