/* Botões desabilitados */
.qms-btn:disabled,
.qms-tick:disabled { opacity:.45; cursor:not-allowed; }

/* CONTÊINER DO EDITOR */
.qms-progress-editor { display:grid; gap:8px; }
.qms-progress-editor__controls { display:flex; align-items:center; gap:8px; margin-top:6px; flex-wrap:wrap; }
.qms-ticks { display:flex; gap:6px; flex-wrap:wrap; }

/* Célula */
.qms-cell-progress { display:flex; align-items:center; gap:8px; width:100%; }
.qms-cell-progress .qms-bar { flex:11 auto; }

.qms-cell__value-right { min-width:44px; text-align:right; font-size:.82rem; font-variant-numeric:tabular-nums; letter-spacing:.2px; opacity:.92; }

/* Barra base */
.qms-bar { position:relative; height:14px; width:100%; border-radius:8px; background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.06)); overflow:hidden; }
.qms-bar__fill { height:100%; transition: width .18s ease, background-color .18s ease, box-shadow .18s ease; border-radius:8px; background:rgba(255,255,255,.25); }
.qms-bar__label { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:600; color:#fff; text-shadow:01px1px rgba(0,0,0,.55); letter-spacing:.3px; pointer-events:none; }

/* Cores por faixa */
.qms-bar--danger .qms-bar__fill { background:#d9534f; box-shadow: inset006px rgba(217,83,79,.35); }
.qms-bar--warning .qms-bar__fill { background:#f0ad4e; box-shadow: inset006px rgba(240,173,78,.35); }
.qms-bar--success .qms-bar__fill { background:#5cb85c; box-shadow: inset006px rgba(92,184,92,.35); }
html[class*="dxbl-"] .qms-bar { background:linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.05)); }

/* Variante mini para ListView */
.qms-bar--mini { height:8px; border-radius:6px; }
.qms-bar--mini .qms-bar__label { font-size:.65rem; }
.qms-bar--mini:not(.qms-bar--with-label) .qms-bar__label { display:none; }
.qms-bar--with-label .qms-bar__label { display:flex; }

/* Botões - alta especificidade para sobrepor tema DevExpress/Bootstrap */
.qms-progress-editor button.qms-btn,
.qms-progress-editor button.qms-tick,
.qms-progress-editor .qms-btn,
.qms-progress-editor .qms-tick,
button.qms-btn,
button.qms-tick,
.qms-btn,
.qms-tick {
 -webkit-appearance:none; appearance:none;
 border:1px solid rgba(255,255,255,.25) !important;
 background:rgba(255,255,255,.08) !important;
 color:#fff !important;
 padding:4px8px !important;
 border-radius:4px !important;
 font-size:.72rem !important;
 font-weight:600;
 line-height:1rem;
 cursor:pointer; user-select:none;
 transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.qms-progress-editor .qms-btn:hover,
.qms-progress-editor .qms-tick:hover,
.qms-btn:hover,
.qms-tick:hover { background:rgba(255,255,255,.18) !important; }
.qms-progress-editor .qms-btn:active,
.qms-progress-editor .qms-tick:active,
.qms-btn:active,
.qms-tick:active { background:rgba(255,255,255,.25) !important; box-shadow:0002px rgba(255,255,255,.20) inset; }
.qms-btn--ghost { background:transparent !important; }
.qms-tick.active { background:rgba(255,255,255,.28) !important; border-color:rgba(255,255,255,.45) !important; }

/* Acessibilidade foco */
.qms-progress-editor .qms-btn:focus-visible,
.qms-progress-editor .qms-tick:focus-visible { outline:2px solid #8a6df1; outline-offset:2px; }

/* Grid compacto opcional */
.qms-grid-compact .dxbl-grid .dxbl-grid-table td { padding-top:4px; padding-bottom:4px; }