:root {
  --tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
}
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.rdm-cmd { background:#1e293b; color:#e2e8f0; padding:.875rem 1rem; border-radius:.5rem; overflow-x:auto; font-size:.8125rem; -webkit-overflow-scrolling:touch; margin:0; }
.rdm-term { background:#0f1729; border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; margin-bottom:1rem; box-shadow:0 1px 3px rgba(0,0,0,.12); }
.rdm-term-head { display:flex; align-items:center; gap:10px; padding:11px 16px; border-bottom:1px solid rgba(255,255,255,.08); }
.rdm-term-dots { display:inline-flex; gap:7px; }
.rdm-term-dots i { width:11px; height:11px; border-radius:50%; background:#3b4658; display:inline-block; }
.rdm-term-title { color:#8a94a6; font-size:14px; }
.rdm-term-body { position:relative; padding:16px; }
.rdm-term-cmd { margin:0; color:#e2e8f0; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.8125rem; line-height:1.7; white-space:pre-wrap; word-break:break-all; padding-right:150px; }
.rdm-term-prompt { color:#64748b; user-select:none; }
.rdm-copy { position:absolute; top:14px; right:14px; display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; background:rgba(255,255,255,.09); color:#fff; border:0; border-radius:7px; padding:8px 12px; cursor:pointer; transition:background .15s; }
.rdm-copy:hover { background:rgba(255,255,255,.18); }
.rdm-copy.ok { background:#1f7a4d; }
.rdm-copy svg { width:15px; height:15px; }
@media (max-width:640px) {
  .rdm-term-cmd { padding-right:0; }
  .rdm-copy { position:static; margin-top:12px; width:100%; justify-content:center; }
}

.rdm-loglist { max-height:340px; overflow-y:auto; font-size:.8125rem; -webkit-overflow-scrolling:touch; }
.rdm-logline { padding:.2rem 0; border-bottom:1px solid var(--tblr-border-color-translucent); word-break:break-word; }
.rdm-logline:last-child { border-bottom:none; }

.rdm-disk { width:120px; }
.rdm-progress { width:150px; max-width:100%; }

details summary { cursor:pointer; }
.rdm-drop { border:1.5px dashed transparent; border-radius:10px; transition:border-color .15s, background .15s; margin:-6px; padding:6px; }
.rdm-drop-over { border-color:var(--tblr-primary); background:rgba(37,99,235,.05); }

/* доступный контраст для светлых бейджей Tabler */
.bg-blue-lt { color:#004d99 !important; }
.bg-green-lt { color:#18692c !important; }
.bg-red-lt { color:#a12626 !important; }
.bg-yellow-lt { color:#8a5a00 !important; }
.bg-purple-lt { color:#6f21a8 !important; }
.bg-secondary-lt { color:#444d5a !important; }
.btn-outline-danger { --tblr-btn-color:#a12626; --tblr-btn-border-color:#a12626; }

@media (max-width: 640px) {
  .rdm-nav { flex:1 1 100%; }
  .rdm-nav .btn { flex:1; min-height:44px; min-width:0; }
  .navbar-brand { margin-right:0; }

  .page-body { margin-top:.75rem; }
  .container-xl { padding-left:.75rem; padding-right:.75rem; }

  .btn { min-height:44px; }
  .btn-sm { min-height:44px; padding:.5rem .75rem; }

  /* таблицы .table-cards превращаются в карточки */
  .table-cards thead { display:none; }
  .table-cards, .table-cards tbody, .table-cards tr, .table-cards td { display:block; width:100%; }
  .table-cards tr { border:1px solid var(--tblr-border-color); border-radius:.5rem; margin:.75rem; padding:.5rem .75rem; width:auto; background:var(--tblr-bg-surface); }
  .table-cards td { border:none; padding:.4rem 0; display:flex; justify-content:space-between; align-items:center; gap:1rem; text-align:right; }
  .table-cards td::before { content:attr(data-label); color:var(--tblr-secondary); font-size:.8125rem; flex:none; text-align:left; }
  .table-cards td:not([data-label]) { justify-content:flex-end; }
  .table-cards td:not([data-label])::before { content:none; }
  .table-cards td[data-label="Программа"], .table-cards td[data-label="Машина"] { flex-direction:column; align-items:flex-start; text-align:left; gap:.125rem; }
  .table-cards td[data-label="Программа"]::before, .table-cards td[data-label="Машина"]::before { display:none; }
  .table-cards td[data-label="Прогресс"], .table-cards td[data-label="Диск"] { flex-wrap:wrap; }
  .table-cards .rdm-progress, .table-cards .rdm-disk { width:100%; }
  .table-cards .actions-cell { flex-wrap:wrap; }
  .table-cards .actions-cell .btn-list { width:100%; flex-wrap:wrap; }
  .table-cards .actions-cell .btn-list form { flex:1; }
  .table-cards .actions-cell .btn { width:100%; }
}