/* BorDoc — Historie smazání (deletion journal). Reuses rs-* top bar + tokens. */

.dh-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}
.dh-main{flex:1;overflow-y:auto}
.dh-inner{max-width:800px;margin:0 auto;padding:24px 32px 60px}
.plex{font-family:var(--font-mono);font-variant-numeric:tabular-nums}

/* header */
.dh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.dh-title-row{display:flex;flex-direction:column;gap:6px;min-width:0}
.dh-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--accent-text);text-decoration:none;margin-bottom:2px}
.dh-back:hover{text-decoration:underline}
.dh-title-row h1{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:500;color:var(--fg1);margin:0;letter-spacing:-0.01em}
.dh-title-row h1 .lic{color:var(--fg2)}
.dh-sub{font-size:13.5px;color:var(--fg3);max-width:520px;line-height:1.5}
.dh-head-acts{display:flex;align-items:center;gap:10px;flex:none}
.dh-demo{height:34px;padding:0 12px;border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:var(--radius-md);font-size:12.5px;color:var(--fg2);cursor:pointer;font-family:var(--font-sans)}

/* timeline */
.dh-timeline{position:relative}
.dh-event{display:flex;gap:16px}
.dh-rail{position:relative;flex:none;width:32px;display:flex;justify-content:center}
.dh-rail::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--border);transform:translateX(-50%)}
.dh-event:first-child .dh-rail::before{top:16px}
.dh-event:last-of-type .dh-rail::before{bottom:auto;height:16px}
.dh-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-top:6px;border:2px solid var(--bg-app)}
.dh-dot.k-trash{background:var(--attention-tint);color:var(--attention-text)}
.dh-dot.k-restore{background:var(--success-tint);color:var(--success)}
.dh-dot.k-perma{background:var(--danger-tint);color:var(--danger)}
.dh-dot .lic{width:15px;height:15px}

.dh-card{flex:1;min-width:0;margin-bottom:14px;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}
.dh-ev-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.dh-verb{font-size:13.5px;font-weight:500}
.dh-verb.k-trash{color:var(--attention-text)}
.dh-verb.k-restore{color:var(--success)}
.dh-verb.k-perma{color:var(--danger)}
.dh-when{font-size:12px;color:var(--fg3);font-family:var(--font-mono);flex:none}

.dh-ev-doc{display:flex;align-items:center;gap:10px;margin-bottom:7px;min-width:0}
.dh-type{flex:none;white-space:nowrap;font-size:11.5px;font-weight:500;color:var(--fg2);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:1px 9px}
.dh-num{flex:none;font-family:var(--font-mono);font-size:13px;color:var(--fg2)}
.dh-sup{font-size:14px;font-weight:500;color:var(--fg1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dh-amount{flex:none;margin-left:auto;font-size:13.5px;color:var(--fg1)}

.dh-ev-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dh-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg3)}
.dh-meta .lic{color:var(--fg3)}
.dh-meta b{color:var(--fg2);font-weight:500}

.dh-end{margin-left:48px;padding:10px 0 0;font-size:12px;color:var(--fg3)}

/* empty state */
.dh-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:72px 24px}
.dh-empty-ic{width:72px;height:72px;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--fg3);margin-bottom:8px}
.dh-empty h2{font-size:19px;font-weight:500;color:var(--fg1);margin:0}
.dh-empty p{font-size:14px;color:var(--fg2);max-width:430px;line-height:1.55;margin:0 0 12px}

@media (max-width:720px){
  .dh-ev-doc{flex-wrap:wrap}
  .dh-amount{margin-left:0}
}