/* BorDoc — Koš (deleted documents). Reuses rs-* top bar + tokens. */

.tr-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}
/* button sizes/variants (not in linked sheets) */
.btn-sm{height:34px;padding:0 13px;font-size:13.5px}
.btn-soft-danger{background:none;color:var(--fg2);border-color:var(--border-strong)}
.btn-soft-danger:hover{background:var(--danger-tint);color:var(--danger);border-color:var(--danger)}
.btn-soft-danger:disabled:hover{background:none;color:var(--fg2);border-color:var(--border-strong)}
.btn-danger-solid{background:var(--danger);color:#fff;border-color:transparent}
.btn-danger-solid:hover{background:var(--red-700)}
.tr-main{flex:1;overflow-y:auto}
.tr-inner{max-width:1080px;margin:0 auto;padding:24px 32px 60px}
.plex{font-family:var(--font-mono);font-variant-numeric:tabular-nums}

/* header */
.tr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.tr-title-row{display:flex;flex-direction:column;gap:6px}
.tr-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}
.tr-title-row h1 .lic{color:var(--fg2)}
.tr-sub{font-size:13.5px;color:var(--fg3)}
.tr-sub b{color:var(--fg2);font-weight:500}

/* demo controls */
.tr-demo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tr-demo-label{font-size:12px;color:var(--fg3)}
.tr-seg{display:inline-flex;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}
.tr-seg button{height:28px;padding:0 12px;border:none;background:none;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;color:var(--fg2);cursor:pointer;font-family:var(--font-sans)}
.tr-seg button.on{background:var(--bg-surface);color:var(--fg1);box-shadow:var(--shadow-xs)}
.tr-seg.sm button{padding:0 9px;font-size:12px}
.tr-demo-empty{height:30px;padding:0 11px;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)}

/* bulk bar */
.tr-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);margin-bottom:12px}
.tr-bulkbar.active{border-color:var(--accent);background:var(--accent-tint)}
.tr-cbwrap{display:flex;align-items:center;gap:11px;cursor:default}
.tr-bulk-count{font-size:13.5px;font-weight:500;color:var(--fg1)}
.tr-bulk-acts{display:flex;align-items:center;gap:8px}

/* checkbox */
.tr-cb{width:18px;height:18px;flex:none;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all var(--dur) var(--ease)}
.tr-cb.on{background:var(--accent);border-color:var(--accent)}

/* list rows */
.tr-list{display:flex;flex-direction:column;gap:8px}
.tr-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.tr-row:hover{background:var(--bg-hover)}
.tr-row.sel{border-color:var(--accent);background:var(--bg-selected)}
.tr-doc-ic{width:38px;height:38px;flex:none;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--fg2)}
.tr-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.tr-row-l1{display:flex;align-items:center;gap:10px;min-width:0}
.tr-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}
.tr-num{flex:none;font-family:var(--font-mono);font-size:13px;color:var(--fg2)}
.tr-sup{font-size:14.5px;font-weight:500;color:var(--fg1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tr-row-l2{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tr-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg3)}
.tr-meta .lic{color:var(--fg3)}
.tr-meta b{color:var(--fg2);font-weight:500}
.tr-amount{flex:none;font-size:14px;color:var(--fg1);min-width:104px;text-align:right}

/* days-remaining */
.tr-days{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg3);min-width:104px;justify-content:flex-end}
.tr-days.soon{color:var(--danger);font-weight:500}
.tr-days.soon .lic{color:var(--danger)}

.tr-row-acts{display:flex;align-items:center;gap:7px;flex:none}
.btn-icon{width:36px;height:36px;padding:0;justify-content:center}
.btn-icon .lic{margin:0}

/* locked permanent-delete (guest, disabled variant) */
.tr-locked{display:inline-flex}
.tr-locked .btn:disabled{opacity:.5;cursor:not-allowed}

/* role note */
.tr-rolenote{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 15px;background:var(--info-tint);border-radius:var(--radius-md);font-size:13px;color:var(--fg2)}
.tr-rolenote .lic{flex:none;color:var(--info)}
.tr-rolenote b{color:var(--fg1);font-weight:500}

/* empty state */
.tr-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:72px 24px}
.tr-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}
.tr-empty h2{font-size:19px;font-weight:500;color:var(--fg1);margin:0}
.tr-empty p{font-size:14px;color:var(--fg2);max-width:420px;line-height:1.55;margin:0 0 12px}

@media (max-width:900px){
  .tr-row{flex-wrap:wrap}
  .tr-amount,.tr-days{min-width:0}
  .tr-row-acts{width:100%;justify-content:flex-end}
}