/* PDF Delta — marcarea diferențelor (ca în ProtoPulse: roșu = șters, verde = adăugat, galben = modificat),
   plus indigo = formatare și albastru-deschis = mutat. Doar tokenii temei, deci merge în ambele teme. */

/* lista de documente, cu ordinea */
.file .dl-role{font-weight:650; color:var(--accent)}
.file .dl-ord{display:flex; flex-direction:column; gap:2px}
.file .dl-ord .x{width:28px; height:18px; border-radius:6px}
.file .dl-ord .x svg{width:14px; height:14px}
.file .dl-ord .x:disabled{opacity:.25; cursor:default; background:transparent}
.dl-order-hint{margin-top:10px}

/* bara rezultatului */
.dl-pairs{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}
.dl-pairs .chip{font-size:13px}
.dl-pairs .chip[aria-pressed="true"]{background:color-mix(in srgb, var(--accent) 14%, transparent); border-color:color-mix(in srgb, var(--accent) 50%, transparent)}
.dl-bar{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:18px}
.dl-bar .grow{flex:1}
.dl-title{margin-top:16px; font-size:14px; color:var(--muted)}
.dl-title b{color:var(--text); font-weight:650; overflow-wrap:anywhere}
.dl-title .arr{color:var(--accent); margin:0 6px}

/* statistici colorate */
.dl-stats{grid-template-columns:repeat(auto-fit, minmax(112px, 1fr))}
.dl-stats .stat b{display:flex; align-items:center; gap:8px}
.dl-stats .stat b::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--faint)}
.dl-stats .stat.mod b::before{background:var(--warn)}
.dl-stats .stat.add b::before{background:var(--greenSoft)}
.dl-stats .stat.del b::before{background:var(--danger)}
.dl-stats .stat.fmt b::before{background:var(--accent)}
.dl-stats .stat.mov b::before{background:var(--cyan)}
.dl-stats .stat.sim b::before{display:none}

.dl-notes{margin:16px 0 0; padding-left:18px; color:var(--muted); font-size:14px}
.dl-notes li{margin:5px 0}
.dl-notes li::marker{color:var(--accent)}
.dl-notes b{color:var(--text)}
.dl-h3{margin:24px 0 0; font-size:15px; font-weight:680}
.dl-h3 small{font-weight:500; color:var(--muted); margin-left:6px}

/* tabelele rezumatului */
table.data.dl-table td{white-space:normal; max-width:none; overflow:visible; text-overflow:clip}
.dl-table tr[data-go]{cursor:pointer}
.dl-table tr[data-go]:hover td{background:color-mix(in srgb, var(--accent) 7%, transparent)}
.dl-table td.sec{font-weight:600; min-width:150px}
.dl-table td.sec small{display:block; font-weight:500; color:var(--faint)}
table.data.dl-table td.sum{min-width:260px; color:var(--muted)}
.dl-table .num{white-space:nowrap}
.dl-c{display:inline-flex; align-items:center; gap:4px; margin:1px 6px 1px 0; padding:1px 8px; border-radius:99px; font:650 12px/1.6 var(--sans); white-space:nowrap}
.dl-c.mod{color:var(--warn); background:color-mix(in srgb, var(--warn) 14%, transparent)}
.dl-c.add{color:var(--greenSoft); background:color-mix(in srgb, var(--greenSoft) 14%, transparent)}
.dl-c.del{color:var(--danger); background:color-mix(in srgb, var(--danger) 13%, transparent)}
.dl-c.fmt{color:var(--accent); background:color-mix(in srgb, var(--accent) 15%, transparent)}
.dl-c.mov{color:var(--cyan); background:color-mix(in srgb, var(--cyan) 13%, transparent)}
.dl-q{color:var(--text)}
.dl-old{color:var(--danger); text-decoration:line-through; text-decoration-color:color-mix(in srgb, var(--danger) 55%, transparent)}
.dl-new{color:var(--greenSoft); font-weight:600}

/* filtrele textului marcat */
.dl-filters{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:16px}
.dl-filters .chip{display:inline-flex; align-items:center; gap:7px}
.dl-filters .chip::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--faint)}
.dl-filters .chip[data-f=mod]::before{background:var(--warn)}
.dl-filters .chip[data-f=add]::before{background:var(--greenSoft)}
.dl-filters .chip[data-f=del]::before{background:var(--danger)}
.dl-filters .chip[data-f=fmt]::before{background:var(--accent)}
.dl-filters .chip[data-f=mov]::before{background:var(--cyan)}
.dl-filters .chip[aria-pressed="false"]{opacity:.55}
.dl-filters .chip[aria-pressed="true"]{background:rgba(127,160,200,.10); border-color:var(--lineStrong)}
.dl-filters .check{margin-left:auto; font-size:13.5px}

/* textul marcat */
.dl-diff{margin-top:14px; border:1px solid var(--line); border-radius:12px; overflow:hidden; font-size:14.5px; line-height:1.62; background:var(--bg2)}
.dl-item{display:grid; grid-template-columns:62px minmax(0,1fr); gap:12px; padding:8px 14px; border-bottom:1px solid var(--line)}
.dl-item:last-child, .dl-diff > :last-child{border-bottom:0}
.dl-pg{padding-top:2px; font:11.5px/1.5 var(--mono); color:var(--faint); white-space:nowrap}
.dl-txt{min-width:0; overflow-wrap:break-word}
.dl-eq .dl-txt{color:var(--muted)}
.dl-h .dl-txt{font-weight:700; color:var(--text)}
.dl-del{background:color-mix(in srgb, var(--danger) 8%, transparent)}
.dl-del .dl-txt{color:var(--danger); text-decoration:line-through; text-decoration-color:color-mix(in srgb, var(--danger) 45%, transparent)}
.dl-add{background:color-mix(in srgb, var(--greenSoft) 9%, transparent)}
.dl-add .dl-txt{color:var(--greenSoft)}
.dl-mod{background:color-mix(in srgb, var(--warn) 7%, transparent)}
.dl-mod del{padding:0 2px; border-radius:3px; color:var(--danger); background:color-mix(in srgb, var(--danger) 20%, transparent); text-decoration:line-through}
.dl-mod ins{padding:0 2px; border-radius:3px; color:var(--text); background:color-mix(in srgb, var(--greenSoft) 24%, transparent); text-decoration:none}
.dl-fmt{box-shadow:inset 3px 0 0 var(--accent)}
.dl-fw{background:color-mix(in srgb, var(--accent) 13%, transparent); text-decoration:underline dotted var(--accent); text-decoration-thickness:2px; text-underline-offset:3px; border-radius:2px}
.dl-mov{background:color-mix(in srgb, var(--cyan) 7%, transparent); box-shadow:inset 3px 0 0 var(--cyan)}
.dl-movfrom .dl-txt{color:var(--faint); font-size:13px}
.dl-b{font-weight:700}
.dl-i{font-style:italic}
.dl-note{display:block; margin-top:3px; font-size:12.5px; color:var(--accent)}
.dl-mov .dl-note, .dl-movfrom .dl-note{color:var(--cyan)}
.dl-sec{padding:7px 14px; font-size:12.5px; font-weight:700; letter-spacing:.01em; color:var(--accent); background:var(--bg3); border-bottom:1px solid var(--line)}
.dl-sec span{color:var(--faint); font-weight:500}
.dl-more{display:block; width:100%; padding:6px 14px; border:0; border-bottom:1px solid var(--line); background:rgba(127,160,200,.05);
  color:var(--muted); font:500 12.5px var(--sans); text-align:center; cursor:pointer}
.dl-more:hover{color:var(--text); background:rgba(127,160,200,.10)}
.dl-empty{padding:26px 16px; text-align:center; color:var(--muted)}
.dl-flash{animation:dl-flash 1.6s ease-out}
@keyframes dl-flash{0%{outline:2px solid var(--accent); outline-offset:-2px}100%{outline:2px solid transparent; outline-offset:-2px}}

/* legenda din coloana laterală */
.side ul.dl-legend{list-style:none; padding:0}
.dl-legend li{display:flex; align-items:center; gap:10px}
.dl-sw{display:inline-block; min-width:86px; padding:1px 8px; border-radius:6px; font-size:12.5px; text-align:center}
.dl-sw.add{color:var(--greenSoft); background:color-mix(in srgb, var(--greenSoft) 16%, transparent)}
.dl-sw.del{color:var(--danger); background:color-mix(in srgb, var(--danger) 14%, transparent); text-decoration:line-through}
.dl-sw.mod{color:var(--text); background:color-mix(in srgb, var(--warn) 18%, transparent)}
.dl-sw.fmt{color:var(--text); background:color-mix(in srgb, var(--accent) 16%, transparent); text-decoration:underline dotted var(--accent); text-decoration-thickness:2px; text-underline-offset:3px}
.dl-sw.mov{color:var(--text); background:color-mix(in srgb, var(--cyan) 12%, transparent); box-shadow:inset 3px 0 0 var(--cyan)}

@media (max-width:600px){
  .dl-item{grid-template-columns:1fr; gap:2px; padding:8px 12px}
  .dl-filters .check{margin-left:0}
  .dl-table td.sum{min-width:200px}
}