/* ============ TRAINING SETTINGS (new tr-* design) ============ */
/* REST GLOBAL BAR */
.tr-rest-bar {
  display:flex;
  gap:var(--w2-s6);
  padding:var(--w2-s4) var(--w2-s5);
  background:var(--surface-el);
  border:1px solid var(--border);
  border-radius:var(--w2-s3)
}

.tr-rest-item {
  display:flex;
  align-items:center;
  gap:var(--w2-s3)
}

.tr-rest-item .label {
  font:500 12px/1.2 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text)
}

.tr-rest-item .value {
  display:flex;
  align-items:center;
  gap:var(--w2-s2)
}

.tr-rest-item .value input {
  width:3.8vw;
  text-align:center;
  font:600 14px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--green);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s1)
}

.tr-rest-item .value input:focus {
  outline:0;
  border-color:var(--green)
}

.tr-rest-item .unit {
  font:500 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim)
}

/* PROGRAM HEADER */
.tr-prog-header {
  display:flex;
  align-items:center;
  gap:var(--w2-s3);
  margin-bottom:var(--w2-s2)
}

.tr-prog-name {
  font:700 14px/1.2 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  background:transparent;
  border:1px solid transparent;
  border-radius:var(--w2-s2);
  padding:var(--w2-s1) var(--w2-s2);
  width:3.5vw;
  min-width:max(43px,2.5vw);
  transition:border-color .14s
}

.tr-prog-name:hover {
  border-color:var(--border)
}

.tr-prog-name:focus {
  outline:0;
  border-color:var(--green);
  background:var(--surface-el)
}

.tr-prog-weeks {
  display:flex;
  align-items:center;
  gap:var(--w2-s2)
}

.tr-prog-weeks input {
  width:max(44px,2.6vw);
  text-align:center;
  font:600 14px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--green);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s1)
}

.tr-prog-weeks input:focus {
  outline:0;
  border-color:var(--green)
}

.tr-prog-weeks .unit {
  font:500 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-dim)
}

/* PROGRAM EDITOR (DAYS) — new settings */
#ss-center .prog-editor {
  display:grid;
  grid-template-columns:1fr;
  gap:var(--w2-s3);
  padding:0;
  background:transparent;
  border:none;
  border-radius:0
}

#ss-center .prog-day {
  padding:var(--w2-s4);
  border:1px solid var(--border);
  border-radius:var(--w2-s3);
  background:var(--surface-el);
  border-left:3px solid var(--green);
  position:relative
}

.prog-day-head {
  display:flex;
  align-items:center;
  gap:var(--w2-s3);
  margin-bottom:var(--w2-s3)
}

.prog-day-weekday {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max(32px,1.88vw);
  height:max(23px,1.35vw);
  padding:0 var(--w2-s2);
  border:1px solid var(--green);
  border-radius:var(--w2-s2);
  background:var(--green-ghost);
  color:var(--green);
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}

.prog-day-weekday select {
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  color:var(--green);
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  padding:0;
  outline:0;
  text-align:center;
}

.prog-day-title-input {
  flex:1;
  min-width:0;
  font:600 14px/1.2 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  background:transparent;
  border:1px solid transparent;
  border-radius:var(--w2-s1);
  padding:var(--w2-s1) var(--w2-s2);
  transition:border-color .14s;
}

.prog-day-title-input:hover {
  border-color:var(--border)
}

.prog-day-title-input:focus {
  outline:0;
  border-color:var(--green);
  background:var(--surface)
}

.prog-day-actions {
  display:flex;
  gap:var(--w2-s1);
  align-items:center;
  flex-shrink:0;
  margin-left:auto
}

.tr-add-btn {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s1);
  padding:var(--w2-s2) var(--w2-s3);
  border:1px solid rgba(200,241,53,.35);
  border-radius:var(--w2-s2);
  background:transparent;
  color:var(--green);
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .14s,box-shadow .14s;
  white-space:nowrap;
}

.tr-add-btn:hover {
  border-color:rgba(200,241,53,.7);
  background:rgba(200,241,53,.08);
  box-shadow:0 0 12px rgba(200,241,53,.15),inset 0 0 12px rgba(200,241,53,.06)
}

.tr-add-btn svg {
  width:max(10px,0.57vw);
  height:max(10px,0.57vw)
}

.tr-add-ex-btn {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s1);
  padding:var(--w2-s2) var(--w2-s3);
  border:1px solid rgba(200,241,53,.35);
  border-radius:var(--w2-s2);
  background:transparent;
  color:var(--green);
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  white-space:nowrap;
}

.tr-add-ex-btn:hover {
  border-color:rgba(200,241,53,.7);
  background:rgba(200,241,53,.08);
  box-shadow:0 0 12px rgba(200,241,53,.15),inset 0 0 12px rgba(200,241,53,.06)
}

.tr-add-ex-btn svg {
  width:max(10px,0.57vw);
  height:max(10px,0.57vw)
}

.tr-day-del {
  padding:var(--w2-s1) var(--w2-s2);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--w2-s1);
  background:transparent;
  color:rgba(255,255,255,.35);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: color .18s, background-color .18s, border-color .18s, box-shadow .18s, transform .18s, opacity .18s;
  position:relative;
  z-index:2;
}

.tr-day-del svg {
  width:max(12px,0.73vw);
  height:max(12px,0.73vw);
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  pointer-events:none
}

.tr-day-del:hover {
  border-color:rgba(255,255,255,.45);
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.06)
}

.tr-add-day-btn {
  width:100%;
  padding:var(--w2-s3);
  border:1px solid rgba(200,241,53,.35);
  border-radius:var(--w2-s2);
  background:transparent;
  color:var(--green);
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--w2-s2);
}

.tr-add-day-btn:hover {
  border-color:rgba(200,241,53,.7);
  background:rgba(200,241,53,.08);
  box-shadow:0 0 12px rgba(200,241,53,.15),inset 0 0 12px rgba(200,241,53,.06)
}

.tr-add-day-btn svg {
  width:max(12px,0.68vw);
  height:max(12px,0.68vw)
}

/* WARMUP BLOCK */
.warmup-block {
  margin-bottom:var(--w2-s3);
  padding:var(--w2-s3) var(--w2-s3);
  background:rgba(255,215,64,.03);
  border:1px dashed rgba(255,215,64,.18);
  border-radius:var(--w2-s2)
}

.warmup-empty {
  padding:var(--w2-s2) var(--w2-s3);
  background:transparent;
  border-style:dashed;
  border-color:rgba(255,215,64,.12)
}

.warmup-empty .warmup-head {
  margin-bottom:0
}

.warmup-head {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  margin-bottom:var(--w2-s2)
}

.warmup-head .label {
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#FFD740
}

.warmup-head .icon-btn {
  padding:var(--w2-s1);
  border:0;
  border-radius:var(--w2-s1);
  background:transparent;
  color:rgba(255,215,64,.45);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: color .18s, background-color .18s, border-color .18s, box-shadow .18s, transform .18s, opacity .18s;
  line-height:0
}

.warmup-head .icon-btn svg {
  width:max(12px,0.73vw);
  height:max(12px,0.73vw)
}

.warmup-head .icon-btn:hover {
  color:#FFD740;
  background:rgba(255,215,64,.08)
}

.warmup-card-list {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s1)
}

.warmup-card {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s3);
  border:1px solid rgba(255,215,64,.12);
  border-radius:var(--w2-s2);
  background:rgba(255,215,64,.02);
  transition:border-color .14s;
}

.warmup-card:hover {
  border-color:rgba(255,215,64,.28)
}

.warmup-card .w-num {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:rgba(255,215,64,.5);
  width:max(14px,0.83vw);
  text-align:center;
  flex-shrink:0
}

.warmup-card input.w-name {
  background:transparent;
  border:0;
  color:var(--text);
  font:500 12px/1.2 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  padding:var(--w2-s1) var(--w2-s1);
  border-radius:var(--w2-s1);
  flex:1;
  min-width:0
}

.warmup-card input.w-name:focus {
  outline:0;
  background:var(--surface)
}

.warmup-card .w-time-group {
  display:flex;
  align-items:center;
  gap:var(--w2-s1);
  flex-shrink:0;
  margin-left:auto
}

.warmup-card input.w-time {
  width:max(44px,2.6vw);
  text-align:center;
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:#FFD740;
  background:var(--surface);
  border:1px solid rgba(255,215,64,.2);
  border-radius:var(--w2-s1);
  padding:var(--w2-s1) var(--w2-s1)
}

.warmup-card input.w-time:focus {
  outline:0;
  border-color:#FFD740
}

.warmup-card .w-unit {
  font:500 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim)
}

.warmup-card .ex-del {
  padding:var(--w2-s1);
  border:0;
  border-radius:var(--w2-s1);
  background:transparent;
  color:rgba(255,255,255,.45);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: color .18s, background-color .18s, border-color .18s, box-shadow .18s, transform .18s, opacity .18s;
  flex-shrink:0;
}

.warmup-card .ex-del svg {
  width:max(11px,0.62vw);
  height:max(11px,0.62vw);
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  pointer-events:none
}

.warmup-card .ex-del:hover {
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.08)
}

/* EXERCISE ROWS — new settings */
#ss-center .ex-head-row {
  display:none
}

#ss-center .prog-day-ex {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s3);
  margin-bottom:var(--w2-s1);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  background:var(--surface-el);
  position:relative;
  transition:border-color .14s;
  grid-template-columns:none;
  width:100%;
}

#ss-center .prog-day-ex:hover {
  border-color:var(--border-hi)
}

.ex-drag-handle {
  flex-shrink:0;
  width:max(12px,0.73vw);
  cursor:grab;
  color:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .14s;
}

.ex-drag-handle svg {
  width:max(10px,0.52vw);
  height:max(14px,0.83vw)
}

.ex-drag-handle:hover {
  color:rgba(255,255,255,.45)
}

.ex-drag-handle:active {
  cursor:grabbing;
  color:var(--green)
}

#ss-center .prog-day-ex input.ex-name {
  background:transparent;
  border:0;
  border-bottom:1px solid transparent;
  color:var(--text);
  font:500 14px/1.3 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  padding:var(--w2-s1) var(--w2-s1);
  border-radius:var(--w2-s1);
  flex:1;
  min-width:7vw;
  transition:border-color .14s,background .14s;
}

#ss-center .prog-day-ex input.ex-name:hover {
  border-bottom-color:var(--border)
}

#ss-center .prog-day-ex input.ex-name:focus {
  outline:0;
  background:var(--surface);
  border-bottom-color:var(--green)
}

.ex-inline-controls {
  display:flex;
  align-items:center;
  gap:var(--w2-s1);
  flex-shrink:0;
  margin-left:auto;
}

.ex-inline-controls .ex-sets {
  width:max(32px,1.88vw)
}

.ex-inline-controls .ex-ctrl-x {
  width:max(10px,0.52vw);
  text-align:center
}

.ex-inline-controls .ex-reps-field {
  width:max(44px,2.6vw)
}

.ex-inline-controls .ex-rest-type {
  width:max(48px,2.8vw);
  text-align:center
}

.ex-inline-controls .ex-weight {
  width:max(51px,3vw);
  text-align:center
}

.ex-inline-controls .ex-muscle-tag {
  width:4.1vw;
  text-align:center;
  font:500 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--green);
  background:rgba(200,241,53,.08);
  border:1px solid rgba(200,241,53,.2);
  border-radius:var(--w2-s1);
  padding:var(--w2-s1) var(--w2-s1);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ex-inline-controls .ex-muscle-tag:empty {
  border:0;
  background:transparent;
  padding:0
}

.ex-inline-controls .ex-star-badge {
  flex-shrink:0
}

#ss-center .prog-day-ex .ex-del {
  padding:var(--w2-s1);
  border:0;
  border-radius:var(--w2-s1);
  background:transparent;
  color:rgba(255,255,255,.45);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: color .18s, background-color .18s, border-color .18s, box-shadow .18s, transform .18s, opacity .18s;
  flex-shrink:0;
}

#ss-center .prog-day-ex .ex-del svg {
  width:max(12px,0.68vw);
  height:max(12px,0.68vw);
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  pointer-events:none
}

#ss-center .prog-day-ex .ex-del:hover {
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.08)
}

.ex-ctrl-pill {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.04em;
  padding:var(--w2-s1) var(--w2-s2);
  border-radius:var(--w2-s1);
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--green);
  text-align:center;
}

.ex-ctrl-pill:focus {
  outline:0;
  border-color:var(--green)
}

#ss-center .prog-day-ex .ex-sets {
  width:max(32px,1.88vw);
  text-align:center;
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--green);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--w2-s1);
  padding:var(--w2-s1) var(--w2-s1)
}

#ss-center .prog-day-ex .ex-sets:focus {
  outline:0;
  border-color:var(--green)
}

.ex-ctrl-x {
  font:500 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim)
}

#ss-center .prog-day-ex .ex-reps-field {
  width:max(41px,2.4vw);
  text-align:center;
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--green);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--w2-s1);
  padding:var(--w2-s1) var(--w2-s1)
}

#ss-center .prog-day-ex .ex-reps-field:focus {
  outline:0;
  border-color:var(--green)
}

.ex-ctrl-sep {
  width:max(10px,0.05vw);
  height:max(14px,0.83vw);
  background:var(--border);
  margin:0 var(--w2-s1);
  flex-shrink:0
}

#ss-center .prog-day-ex .ex-rest-type {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  padding:var(--w2-s1) var(--w2-s2);
  border-radius:var(--w2-s1);
  cursor:pointer;
  border:1px solid var(--border);
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  user-select:none;
}

#ss-center .prog-day-ex .ex-rest-type.is-base {
  color:var(--green);
  border-color:rgba(200,241,53,.3);
  background:rgba(200,241,53,.06)
}

#ss-center .prog-day-ex .ex-rest-type.is-light {
  color:var(--text-mute);
  border-color:var(--border);
  background:transparent
}

#ss-center .prog-day-ex .ex-weight {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:center;
  padding:var(--w2-s1) var(--w2-s2);
  border-radius:var(--w2-s1);
  cursor:pointer;
  border:1px solid var(--border);
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  user-select:none;
  white-space:nowrap;
}

#ss-center .prog-day-ex .ex-weight.w-ext {
  color:rgba(255,255,255,.55);
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.06)
}

#ss-center .prog-day-ex .ex-weight.w-body,#ss-center .prog-day-ex .ex-weight.w-none {
  color:var(--text-mute);
  border-color:var(--border)
}

#ss-center .prog-day-ex .ex-weight.w-band,#ss-center .prog-day-ex .ex-weight.w-bw-band {
  color:rgba(255,255,255,.55);
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.06)
}

/* Star badge */
.ex-star-badge {
  width:max(22px,1.3vw);
  flex-shrink:0
}

.ex-star-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--w2-s1);
  padding:var(--w2-s1) var(--w2-s1);
  border-radius:var(--w2-s1);
  cursor:pointer;
  border:1px solid rgba(255,215,64,.25);
  background:rgba(255,215,64,.06);
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  flex-shrink:0;
  white-space:nowrap;
}

.ex-star-badge:hover {
  border-color:rgba(255,215,64,.5);
  background:rgba(255,215,64,.12)
}

.ex-star-badge .star-icon {
  width:max(10px,0.57vw);
  height:max(10px,0.57vw)
}

.ex-star-badge .star-icon.active {
  fill:#FFD740
}

.ex-star-badge .star-icon.dim {
  fill:rgba(255,215,64,.2)
}

.ex-star-badge.dim {
  border-color:rgba(255,255,255,.1);
  background:transparent
}

.ex-star-badge.dim:hover {
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.04)
}

.ex-star-badge.dim .star-icon {
  fill:rgba(255,255,255,.15)
}

/* Collapsible info */
.info-collapsible {
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  padding:0;
  overflow:hidden;
  border-left:3px solid var(--green);
  background:rgba(200,241,53,.02)
}

.info-collapsible summary {
  padding:var(--w2-s3) var(--w2-s3);
  cursor:pointer;
  font:600 12px/1.3 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  list-style:none;
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  user-select:none;
  transition:color .14s
}

.info-collapsible summary:hover {
  color:var(--text)
}

.info-collapsible summary::-webkit-details-marker {
  display:none
}

.info-collapsible summary .ic-chev {
  width:max(12px,0.73vw);
  height:max(12px,0.73vw);
  flex-shrink:0;
  stroke:var(--green);
  fill:none;
  stroke-width:2.5;
  transition:transform .18s
}

.info-collapsible[open] summary .ic-chev {
  transform:rotate(90deg)
}

.info-collapsible-body {
  padding:0 var(--w2-s3) var(--w2-s3) var(--w2-s7);
  font:400 12px/1.6 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-mute)
}

/* Sub-section headings */
.tr-sub-heading {
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-bottom:var(--w2-s2);
  padding-bottom:var(--w2-s2);
  border-bottom:1px solid var(--border)
}

/* Compact program row */
/* Config grid: program+rest left, bands right */
.tr-config-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--w2-s6);
  align-items:start
}

.tr-config-col {
  min-width:0
}

.tr-prog-compact {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  flex-wrap:wrap
}

.tr-prog-compact .sel {
  flex:1;
  min-width:8.33vw
}

.tr-prog-compact .btn {
  padding:var(--w2-s2) var(--w2-s3);
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  border:1px solid rgba(200,241,53,.35);
  border-radius:var(--w2-s2);
  background:transparent;
  color:var(--green);
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  clip-path:none
}

.tr-prog-compact .btn:hover {
  border-color:rgba(200,241,53,.7);
  background:rgba(200,241,53,.08);
  box-shadow:0 0 10px rgba(200,241,53,.12)
}

.tr-prog-compact .btn.danger {
  border-color:rgba(255,255,255,.3);
  color:rgba(255,255,255,.7)
}

.tr-prog-compact .btn.danger:hover {
  border-color:rgba(255,255,255,.6);
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 10px rgba(255,255,255,.12)
}