#camds-quality { max-width: 100%; }
#camds-quality [hidden] { display:none !important; }
#camds-quality .camds-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
#camds-quality .camds-heading h2 { margin:0; font-size:1.55rem; font-weight:700; }
#camds-quality .camds-heading-actions { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; }
#camds-quality .camds-card { background:var(--bs-body-bg,#fff); border:1px solid var(--bs-border-color,#d8e1eb); border-radius:14px; padding:1.2rem; margin-bottom:1rem; box-shadow:0 5px 20px rgba(20,53,87,.05); }
#camds-quality .camds-fields { display:flex; flex-wrap:wrap; gap:.8rem; align-items:end; }
#camds-quality label { display:grid; gap:.35rem; min-width:150px; flex:1 1 160px; font-weight:600; }
#camds-quality .camds-fields label:first-child { flex:2 1 230px; }
#camds-quality .camds-actions { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; margin:.8rem 0; }
#camds-quality .camds-scroll { overflow-x:auto; max-width:100%; -webkit-overflow-scrolling:touch; }
#camds-quality table { min-width:860px; width:100%; border-collapse:collapse; }
#camds-quality th, #camds-quality td { padding:.62rem .7rem; border-bottom:1px solid var(--bs-border-color,#e3e9ef); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
#camds-quality th { white-space:nowrap; font-size:.85rem; }
#camds-quality td { font-size:.9rem; }
#camds-quality .camds-status { min-height:1.5em; color:var(--bs-primary,#176eaf); margin:.4rem 0; }
#camds-quality .camds-status.is-error { color:#b42318; }
#camds-quality pre { max-height:300px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:640px) { #camds-quality .camds-card { padding:.85rem; } #camds-quality .camds-fields>* { width:100%; } }