/* Ivellious · biblioteca sonora. Shared tokens for every view and dialog. */
:root {
  color-scheme: dark;
  --bg:#121317; --panel:#191b21; --surface:#202329; --raised:#292c33;
  --line:#373a44; --line-strong:#666976; --text:#f1eee9; --muted:#b9bac4;
  --accent:#e3bd7b; --accent-dark:#383025; --amber:#d1ad78; --red:#f0a296;
  --radius:8px; --space:8px;
  font-family:'Segoe UI',Tahoma,sans-serif; font-size:15px;
}
body { background:var(--bg); color:var(--text); }
button,input,select,textarea { font:inherit; }
button { min-height:36px; border-radius:6px; padding:8px 12px; background:var(--raised); border:1px solid var(--line); transition:background-color 140ms,border-color 140ms,color 140ms,transform 140ms; }
button:hover { background:#353840; border-color:var(--line-strong); }
button:not(:disabled):active { transform:translateY(1px); }
button:disabled { cursor:not-allowed; opacity:.45; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,audio:focus-visible,summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.primary,.play-button { background:var(--accent); color:#231b11; border-color:var(--accent); font-weight:650; }
.primary:hover,.play-button:hover { background:#f1cf95; border-color:#f1cf95; color:#231b11; }
.quiet { background:transparent; border-color:transparent; }
.danger { color:var(--red); }
.icon { background:transparent; border-color:transparent; font-size:20px; padding:4px 9px; flex:none; }
a { color:var(--accent); }
a:hover { text-decoration:underline; text-underline-offset:3px; }
input,select,textarea { background:#15171c; border:1px solid var(--line-strong); color:var(--text); border-radius:6px; min-height:42px; padding:10px 12px; }
input[type=checkbox],input[type=radio] { min-height:0; width:17px; height:17px; accent-color:var(--accent); flex:none; }
input[type=range] { min-height:30px; height:30px; border:0; accent-color:var(--accent); }
::placeholder { color:#989aa8; }
label { color:var(--text); font-size:.88rem; margin-bottom:18px; }
label.check { font-size:.85rem; line-height:1.45; align-items:center; }
label.check input { margin:0; }
p { line-height:1.55; }
h1,h2,h3 { color:var(--text); }
h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.85rem,2.2vw,2.45rem); font-weight:400; letter-spacing:-.04em; line-height:1.15; }
h2 { font-size:1.18rem; font-weight:600; }
h3 { font-size:1rem; }
small,.hint,.help { font-size:.82rem; line-height:1.5; color:var(--muted); }
.overline { font-size:.67rem; font-weight:650; letter-spacing:.16em; color:var(--muted); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:8px; z-index:99; padding:12px 18px; background:var(--accent); color:#211b12; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
#app { display:grid; grid-template-columns:220px minmax(400px,1fr) 312px; min-height:100dvh; padding-bottom:88px; }
#app.stage-collapsed { grid-template-columns:220px minmax(0,1fr); }
#app.stage-collapsed>.stage { display:none; }
main { min-width:0; }
.sidebar { background:var(--panel); border-right:1px solid var(--line); padding:26px 16px 12px; }
.brand { font-family:Georgia,serif; font-size:1.65rem; letter-spacing:-.04em; gap:10px; margin-bottom:28px; }
.brand:hover { text-decoration:none; }
.brand img { width:37px; height:37px; }
.brand small { font-family:'Segoe UI',sans-serif; font-size:.55rem; letter-spacing:.2em; color:var(--amber); }
.sidebar>.overline { font-size:.65rem; margin:0 10px 14px; }
nav { gap:4px; }
nav button,.folders button { font-size:.88rem; min-height:40px; border-radius:6px; padding:10px; gap:9px; color:var(--muted); }
nav button.active,.folders button.active { background:var(--accent-dark); color:var(--accent); box-shadow:inset 3px 0 var(--accent); font-weight:600; }
nav button:hover,.folders button:hover { background:var(--raised); color:var(--text); }
.nav-icon { font-size:18px; width:19px; }
.side-heading { font-size:.68rem; color:var(--muted); letter-spacing:.14em; margin:22px 9px 9px; }
.folders button { min-height:36px; font-size:.84rem; }
.sidebar .side-bottom { background:var(--panel); padding-top:8px; border-top:1px solid var(--line); }
.disk { font-size:.76rem; line-height:1.7; padding:8px 9px 12px; }
.disk strong { color:var(--text); font-weight:500; }
.account { border-top:1px solid var(--line); border-radius:0; padding:13px 7px; min-height:52px; }
.account #userName { font-size:.88rem; flex:1; text-align:left; min-width:0; }
.avatar { background:#3d3029; color:#f0d39b; flex:none; }
.topbar { height:68px; padding:0 32px; background:var(--bg); border-color:var(--line); }
.breadcrumbs { font-size:.8rem; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.top-actions { gap:8px; font-size:.76rem; }
.top-actions button { font-size:.78rem; padding:7px 9px; }
#syncState { max-width:145px; }
.content { padding:32px; max-width:1440px; margin:0 auto; width:100%; }
.content:focus { outline:none; }
.page-heading { margin-bottom:24px; gap:20px; align-items:flex-start; }
.page-heading h1 { margin-bottom:8px; }
.page-heading p { font-size:.88rem; color:var(--muted); max-width:64ch; }
.heading-buttons { gap:8px; max-width:330px; }
.heading-buttons button { font-size:.82rem; }
.hero-strip { padding:16px 18px; margin-bottom:24px; background:var(--panel); border:1px solid var(--line); border-left:3px solid #a98451; border-radius:6px; }
.hero-strip strong { font-size:.94rem; font-weight:550; }
.hero-strip p { margin:4px 0 0; font-size:.82rem; color:var(--muted); }
.hero-strip .motif { height:34px; padding:0 9px; gap:4px; }
.motif i { background:#c39e66; width:3px; height:14px; border-radius:2px; }
.motif i:nth-child(2n) { height:23px; }
.motif i:nth-child(3n) { height:32px; }
.filters { grid-template-columns:minmax(160px,1fr) 145px 145px; gap:8px; }
.filters input { background:var(--surface); }
.filter-extra { gap:7px; margin-bottom:16px; }
.filter-extra>.quiet { font-size:.8rem; }
.pill { font-size:.78rem; border-radius:30px; padding:6px 11px; min-height:32px; background:var(--panel); color:var(--muted); border:1px solid var(--line); }
.pill.active { background:var(--accent-dark); color:var(--accent); border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
.tag { font-size:.72rem; padding:3px 7px; border-radius:4px; background:#2d3039; color:#c4c5d0; }
.tag.kind-musica { background:#3b3226; color:#edd3a5; }
.tag.kind-efeito { background:#423027; color:#f1bda3; }
.tag.kind-ambiente { background:#283b39; color:#b4d6ca; }
.list-top { font-size:.8rem; color:var(--muted); margin:16px 0 10px; }
.list-top button { font-size:.78rem; }
.move-hint { font-size:.76rem; margin-bottom:12px; color:var(--muted); }
.track-list { border:1px solid var(--line); border-radius:8px; overflow:visible; }
.track { grid-template-columns:24px minmax(120px,1fr) auto; gap:12px; padding:17px 16px; background:var(--panel); border-bottom:1px solid var(--line); transition:background-color 140ms,box-shadow 140ms; }
.track:first-child { border-radius:8px 8px 0 0; }
.track:last-child { border-radius:0 0 8px 8px; }
.track:hover,.track:focus-within { background:#23262e; }
.track:has(.track-check:checked) { background:#373126; box-shadow:inset 3px 0 var(--accent); }
.track-title { font-size:.97rem; line-height:1.4; font-weight:600; margin-bottom:6px; }
.track-info { font-size:.76rem; gap:5px 10px; }
.track-tags { margin-top:5px; }
.track-actions { max-width:196px; gap:5px; }
.track-actions button { font-size:.75rem; padding:6px 8px; min-height:32px; border:1px solid transparent; border-radius:5px; }
.track-actions .play-button { background:var(--accent); color:#231b11; }
.track-actions button:hover { border-color:var(--line-strong); }
.track-select { gap:6px; }
.drag-handle { color:#a9abb7; }
.bulkbar { padding:12px; border:1px solid #ab8955; background:#332c22; border-radius:6px; font-size:.84rem; }
.bulkbar button { font-size:.78rem; }
.empty { border:1px dashed var(--line-strong); background:var(--panel); padding:38px 22px; border-radius:8px; }
.empty p { font-size:.87rem; }
.empty-icon { opacity:.7; }
.card { background:var(--panel); border:1px solid var(--line); padding:24px; border-radius:8px; box-shadow:none; margin-bottom:20px; }
.card p { font-size:.85rem; }
.card h2 { margin-bottom:15px; }
.form-grid { gap:0 16px; }
.inline { flex-wrap:wrap; gap:10px; }
.inline>input { min-width:140px; }
.suggestions { gap:6px; }
.suggestions button { font-size:.76rem; padding:4px 9px; min-height:30px; background:transparent; }
.view-youtube { display:grid; grid-template-columns:1fr; gap:20px; }
.view-youtube>.page-heading,.view-youtube>.card { margin-bottom:0; }
#helperPanel { border-left:3px solid #b29162; }
#helperPanel>label { max-width:500px; }
#helperPanel .inline button,.helper-link { font-size:.82rem; }
.helper-link { padding:8px 0; }
.search-result { gap:13px; align-items:flex-start; padding:16px 0; margin:0; }
.search-result img { width:110px; border-radius:5px; }
.search-result h3 { font-size:.91rem; line-height:1.4; }
.search-result small { font-size:.77rem; }
.search-result button { font-size:.78rem; align-self:center; }
.job { padding:18px 0; border-color:var(--line); }
.job:first-child { padding-top:4px; }
.job-heading { display:flex; flex-wrap:wrap; gap:8px; }
.job-heading small { flex:1; font-size:.77rem; }
.job pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:180px; background:#15161b; border:1px solid var(--line); border-radius:5px; padding:12px; font-family:inherit; font-size:.8rem; line-height:1.5; margin:10px 0 0; }
.job-state { display:inline-flex; font-size:.76rem; padding:5px 9px; border-radius:5px; border:1px solid var(--line); color:var(--text); }
.job-state.erro { color:#ffd0c4; border-color:#8c5648; background:#3a2924; }
.job-state.concluido { color:#edd3a5; border-color:#52766a; background:#21362f; }
.job-state.parcial { color:#f3d49d; border-color:#8a7147; background:#342e21; }
.job-state.fila,.job-state.baixando,.job-state.executando { color:#dfdfba; border-color:#736341; background:#332c22; }
.playlist-workspace { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; }
.playlist-index { border-right:1px solid var(--line); padding-right:14px; }
.playlist-index button { display:block; text-align:left; width:100%; border:1px solid transparent; background:transparent; margin-bottom:6px; padding:12px; }
.playlist-index button span { display:block; overflow-wrap:anywhere; font-weight:600; font-size:.86rem; }
.playlist-index button small { display:block; margin-top:6px; font-size:.72rem; }
.playlist-index button.active { background:var(--accent-dark); border-color:#ac8a52; color:var(--accent); }
.playlist-detail { min-width:0; }
.playlist-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.playlist-heading h2 { font-family:Georgia,serif; font-size:1.85rem; line-height:1.2; font-weight:400; margin:8px 0 8px; overflow-wrap:anywhere; }
.playlist-heading p { font-size:.82rem; margin-bottom:18px; }
.playlist-tools { display:flex; gap:2px; flex-wrap:wrap; justify-content:flex-end; }
.playlist-tools button { font-size:.76rem; }
.playlist-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 0; border-block:1px solid var(--line); margin-bottom:20px; }
.playlist-toolbar button { font-size:.83rem; }
.playlist-toolbar label { margin:0 5px 0 0; font-size:.78rem; }
.search-field { margin-bottom:14px; }
#playlistRows { border-top:1px solid var(--line); }
.playlist-row { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:6px 12px; padding:16px 0; border-bottom:1px solid var(--line); }
.playlist-track-main { min-width:0; }
.playlist-track-main h3 { font-size:.95rem; margin:0 0 5px; line-height:1.4; overflow-wrap:anywhere; }
.playlist-track-main p { margin:0; color:var(--muted); font-size:.76rem; overflow-wrap:anywhere; }
.playlist-track-main p span { margin-inline:4px; }
.playlist-row-actions { grid-column:2; display:flex; gap:5px; justify-content:flex-start; }
.playlist-row-actions button { font-size:.78rem; min-height:32px; padding:5px 9px; }
.row-number { color:var(--muted); font-variant-numeric:tabular-nums; font-size:.78rem; }
.playlist-row.unavailable .playlist-track-main h3 { color:var(--muted); }
.playlist-picker { max-height:48vh; overflow:auto; border:1px solid var(--line); border-radius:6px; }
.playlist-pick { display:flex; align-items:center; gap:12px; margin:0; padding:14px; border-bottom:1px solid var(--line); cursor:pointer; }
.playlist-pick>span { min-width:0; }
.playlist-pick input { margin:0; }
.playlist-pick strong { display:block; font-size:.87rem; font-weight:550; overflow-wrap:anywhere; }
.playlist-pick small { display:block; margin-top:4px; font-size:.75rem; }
.playlist-pick:has(input:checked) { background:var(--accent-dark); }
.stage { background:var(--panel); border-left:1px solid var(--line); padding:26px 20px; min-width:0; }
.stage-heading { margin:0 0 22px; }
.stage-heading .overline { color:var(--amber); }
.live-dot { display:none; }
.connection { padding:15px; margin-bottom:24px; background:var(--surface); border:1px solid var(--line); border-radius:7px; }
.connection-status { display:flex; gap:8px; align-items:center; }
.connection strong { font-size:.87rem; overflow-wrap:anywhere; }
.connection p { font-size:.79rem; color:var(--muted); margin:6px 0 13px; }
.connection button { font-size:.77rem; min-height:32px; }
.status-dot { width:7px; height:7px; background:#7e877f; border-radius:50%; flex:none; }
.status-dot.online { background:var(--accent); }
.volume-field { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; font-size:.82rem; gap:5px; }
.volume-field output { color:var(--muted); font-size:.77rem; font-variant-numeric:tabular-nums; }
.volume-field input { flex:1 1 100%; width:100%; margin:0; }
.section-label { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:24px 0 12px; }
.section-label h3 { color:var(--muted); margin:0; font-size:.69rem; letter-spacing:.14em; }
.section-label>span { color:var(--muted); font-size:.75rem; }
.layer { padding:16px; background:var(--surface); border:1px solid var(--line); border-radius:7px; margin-bottom:10px; }
.layer-title { align-items:flex-start; margin-bottom:8px; gap:5px; }
.layer-title>div { min-width:0; }
.layer-title .overline { font-size:.6rem; }
.layer-title strong { display:block; font-size:.87rem; font-weight:550; line-height:1.4; overflow-wrap:anywhere; margin-top:4px; }
.layer small { font-size:.75rem; margin:0 0 6px; font-variant-numeric:tabular-nums; }
.layer-controls { display:flex; flex-wrap:wrap; justify-content:space-between; gap:7px; margin-block:9px 12px; }
.layer-controls button { font-size:.76rem; padding:5px 8px; }
.layer-controls .check { margin:0; font-size:.73rem; gap:5px; }
.layer-volume { margin:0; font-size:.73rem; }
.seek-slider { width:100%; }
.stage-empty { text-align:center; border:1px dashed var(--line); border-radius:6px; padding:22px 15px; }
.stage-empty>span { color:#ba9a65; font-size:28px; }
.stage-empty p { font-size:.82rem; margin:10px 0 6px; }
.stage-empty small { font-size:.74rem; }
.stage-actions { gap:8px; justify-content:space-between; margin:16px 0 20px; }
.stage-actions button { font-size:.77rem; }
.stage-settings { border-block:1px solid var(--line); padding:12px 0; font-size:.8rem; }
.stage-settings summary { color:var(--muted); cursor:pointer; padding:4px 0; }
.stage-settings label { margin:16px 0 4px; font-size:.77rem; }
.queue-tools { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.queue-tools label { margin:0; font-size:.79rem; }
.queue-tools button { font-size:.74rem; }
.queue { margin:12px 0 0; }
.queue li { gap:8px; border-bottom:1px solid var(--line); padding:11px 0; font-size:.8rem; }
.queue li .row-number { flex:none; width:17px; }
.queue button { min-height:30px; }
.audition { z-index:5; background:#202129; border-top:1px solid #4f4940; height:88px; padding:14px 24px; gap:24px; box-shadow:0 -8px 22px #0002; }
.audition .overline { color:var(--amber); font-size:.65rem; }
.audition strong { font-size:.86rem; margin-top:6px; }
.audition audio { height:38px; width:380px; }
.audition button { font-size:.8rem; }
.activity-row { font-size:.9rem; line-height:1.5; padding:18px 0; border-color:var(--line); }
.activity-row strong { color:var(--accent); }
.activity-row small { font-size:.76rem; margin-top:7px; }
.view-trash .page-heading { border-left:3px solid var(--amber); padding-left:17px; }
dialog { width:min(650px,calc(100vw - 24px)); max-height:88dvh; background:var(--surface); border:1px solid var(--line-strong); border-radius:10px; padding:28px; box-shadow:0 24px 80px #0009; }
dialog::backdrop { background:#07080bbf; backdrop-filter:none; }
.modal-heading h2 { font-family:Georgia,serif; font-size:1.65rem; font-weight:400; }
.modal-footer { border-top:1px solid var(--line); padding-top:18px; margin-top:24px; gap:8px; }
.error { color:var(--red); font-size:.85rem; }
.move-picker { border-color:var(--line); border-radius:6px; }
.move-destination { font-size:.88rem; padding:14px; }
.move-destination:hover { background:var(--raised); }
.pair-code { font-size:1.25rem; letter-spacing:.12em; }
.device-row { border-color:var(--line); }
.auth-wrap { background:var(--bg); padding:28px 20px; }
.auth-card { background:var(--panel); border:1px solid #534a3d; border-radius:10px; padding:36px; max-width:460px; box-shadow:0 24px 65px #0003; }
.auth-card::before { content:''; display:block; width:42px; height:3px; background:var(--accent); margin-bottom:28px; }
.auth-card .brand { margin-bottom:32px; }
.auth-card h1 { font-size:2.15rem; }
.auth-card p { font-size:.9rem; }
#toasts { z-index:30; max-width:400px; }
.toast { background:#e8d4b0; color:#231b12; border-radius:7px; font-size:.88rem; line-height:1.5; box-shadow:0 8px 25px #0004; }
.toast.bad { background:#f4cec3; color:#381a12; }
.section-enter { animation:section-in 150ms ease-out both; }
dialog[open] { animation:section-in 150ms ease-out; }
.toast { animation:section-in 150ms ease-out; }
.auth-card .brand img { animation:mark-in 420ms ease-out; }
@keyframes section-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
@keyframes mark-in { from { transform:scaleY(.7); opacity:.5; } to { transform:scaleY(1); opacity:1; } }
@media(min-width:1380px) {
  .stage { position:sticky; top:0; align-self:start; height:calc(100dvh - 88px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
}
@media(min-width:1750px) { .playlist-row { grid-template-columns:22px minmax(0,1fr) auto; } .playlist-row-actions { grid-column:auto; } }
@media(max-width:1379px) and (min-width:701px) {
  #app,#app.stage-collapsed { grid-template-columns:212px minmax(0,1fr); }
  .sidebar { grid-row:span 2; }
  .stage { grid-column:2; border-left:0; border-top:1px solid var(--line); }
  #stage { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; align-items:start; }
  #stage>.layers,#stage>.queue,#stage>.section-label { grid-column:1 / -1; }
  .layers { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .stage-actions { align-self:end; }
}
@media(min-width:1050px) { .view-youtube { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .view-youtube>.page-heading,#helperPanel,#downloadJobs { grid-column:1 / -1; } }
@media(max-width:1050px) { .topbar { padding:0 22px; } .content { padding:26px 22px; } .heading-buttons { max-width:230px; } #syncState { display:none; } .filters { grid-template-columns:minmax(150px,1fr) 125px 125px; } .playlist-workspace { grid-template-columns:150px minmax(0,1fr); gap:16px; } }
@media(max-width:700px) {
  #app,#app.stage-collapsed { display:block; padding-bottom:124px; }
  .sidebar { position:static; height:auto; padding:18px 16px 10px; border-right:0; border-bottom:1px solid var(--line); }
  .brand { margin-bottom:15px; font-size:1.5rem; }
  .sidebar>.overline,.side-heading,.folders,.disk { display:none; }
  nav { flex-direction:row; gap:5px; overflow:auto; padding-bottom:4px; }
  nav button { flex:none; font-size:.81rem; padding:9px 11px; min-height:40px; }
  .nav-icon { display:none; }
  .sidebar .side-bottom { padding:0; border:0; }
  .account { display:flex; border-top:0; padding:8px 0 0; min-height:42px; }
  .account .avatar { width:28px; height:28px; }
  .account #userName { font-size:.8rem; }
  .topbar { padding:0 16px; height:56px; gap:8px; }
  .top-actions { gap:1px; }
  .top-actions button { padding:6px; font-size:.73rem; }
  .breadcrumbs { font-size:.74rem; }
  .content { padding:24px 16px 32px; }
  .page-heading { display:block; }
  .page-heading h1 { font-size:1.85rem; }
  .heading-buttons { max-width:none; justify-content:flex-start; margin-top:16px; }
  .heading-buttons button { min-height:40px; }
  .hero-strip { padding:13px 15px; }
  .hero-strip .motif { display:none; }
  .filters { grid-template-columns:1fr 1fr; }
  .filters input { grid-column:1 / -1; }
  .track { grid-template-columns:22px minmax(0,1fr); padding:15px 12px; gap:9px; }
  .track-actions { grid-column:2; max-width:none; justify-content:flex-start; }
  .track-actions button { min-height:38px; }
  .drag-handle,.move-hint { display:none; }
  .card { padding:20px 16px; }
  .form-grid { grid-template-columns:1fr; }
  .span-2 { grid-column:auto; }
  .search-result { gap:10px; flex-wrap:wrap; }
  .search-result img { width:90px; }
  .search-result button { margin-left:auto; }
  .playlist-workspace { display:block; }
  .playlist-index { display:flex; overflow:auto; border-right:0; border-bottom:1px solid var(--line); gap:8px; padding:0 0 12px; margin-bottom:24px; }
  .playlist-index button { flex:0 0 155px; margin:0; }
  .playlist-heading { display:block; }
  .playlist-heading h2 { font-size:1.7rem; }
  .playlist-tools { justify-content:flex-start; margin-bottom:12px; }
  .playlist-row-actions button { min-height:40px; min-width:36px; }
  .stage { padding:25px 18px; border-top:1px solid var(--line); border-left:0; }
  .audition { height:124px; padding:12px 16px; gap:10px; flex-wrap:wrap; }
  .audition>div { flex:1 1 100%; min-width:0; max-width:none; }
  .audition audio { width:calc(100% - 68px); max-width:none; flex:1; }
  .audition .quiet { display:block; }
  dialog { padding:22px 18px; }
  .auth-card { padding:28px 23px; }
  #toasts { left:12px; right:12px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

.folders button[data-depth="1"] { padding-left:23px; }
.folders button[data-depth="2"] { padding-left:36px; }
.folders button[data-depth="3"] { padding-left:49px; }
.folders button[data-depth="4"] { padding-left:62px; }
.job-source { font-size:.77rem; color:var(--muted); overflow-wrap:anywhere; margin:10px 0 0; }

.track-notes { margin-top:10px; font-size:.84rem; color:var(--muted); }
.track-notes summary { cursor:pointer; width:fit-content; color:var(--accent); padding:5px 0; }
.track-notes p { white-space:pre-wrap; overflow-wrap:anywhere; margin:6px 0 0; padding:10px 12px; border-left:2px solid var(--line-strong); font-size:.84rem; color:var(--text); }
textarea[name="notes"] { resize:vertical; min-height:100px; line-height:1.5; }

.fade-field { display:block; }
.fade-input { display:flex; align-items:center; gap:10px; margin-top:6px; color:var(--muted); }
.fade-input input { width:88px; }
.transition-presets { display:flex; flex-wrap:wrap; gap:5px; margin:12px 0; }
.transition-presets button { font-size:.76rem; padding:6px 8px; }