
/* Theme-inherit layout */
#cdm-app { margin: 0 0 1rem 0; }
#cdm-app .cdm-header { margin-bottom: .5rem; }
#cdm-app .cdm-header h1 { margin: 0 0 .25rem 0; font-size: 1.25rem; }
#cdm-app .cdm-header small { opacity: .75 }
#cdm-app .cdm-controls { display: grid; grid-template-columns: 1fr auto auto auto; gap: .5rem; align-items: end; margin-bottom: .75rem }
#cdm-app .cdm-field label { font-size: .9rem; opacity: .8; display:block; margin-bottom:.25rem }
#cdm-app input[type="text"] { width: 100%; padding: .5rem .6rem; border-radius: .4rem; border: 1px solid rgba(0,0,0,.15) }
#cdm-app .cdm-radio { display:flex; align-items:center; gap:.6rem; border:none; margin:0; padding:0 }
#cdm-app .cdm-radio legend { font-size:.9rem; opacity:.8; margin:0; padding:0 .25rem 0 0 }
#cdm-app .cdm-toggle { display:flex; align-items:center; gap:.4rem; padding:.4rem .6rem; border-radius:.6rem; border:1px solid rgba(0,0,0,.1); background: rgba(0,0,0,.03) }
#cdm-app .cdm-filters { display:grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap:.5rem; margin-bottom:.5rem }
#cdm-app .cdm-filter { border:1px solid rgba(0,0,0,.08); border-radius:.6rem; padding:.6rem }
#cdm-app .cdm-filter label { display:block; font-size:.9rem; opacity:.8; margin-bottom:.25rem }
#cdm-app .cdm-filter input[type="range"] { width:100% }
#cdm-app .cdm-filter-tip { font-size:.85rem; opacity:.8; margin-top:.1rem }
#cdm-app .cdm-section { margin-top: .75rem }
#cdm-app .cdm-card { padding: .75rem; border: 1px solid rgba(0,0,0,.08); border-radius: .6rem; background: transparent }
#cdm-app .cdm-card h2 { margin: 0 0 .5rem 0; font-size: 1.05rem }
#cdm-app .cdm-table-wrap { overflow:auto; border-radius:.4rem; border:1px solid rgba(0,0,0,.08) }
#cdm-app table { border-collapse: collapse; width: 100% }
#cdm-app th, #cdm-app td { padding: .5rem .6rem; border-bottom: 1px solid rgba(0,0,0,.06); text-align:left; white-space:nowrap }
#cdm-app th { background: rgba(0,0,0,.03) }
#cdm-app .badge { display:inline-block; padding: .1rem .5rem; border-radius: 999px; font-size: .8rem; border:1px solid rgba(0,0,0,.15); opacity:.8 }
#cdm-app .badge.ok { color: #0a7a34; border-color:#0a7a34; opacity:1 }
#cdm-app .cdm-note { opacity:.8; font-size:.9rem }
#cdm-app details.cdm-details { background: rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.08); border-radius:.6rem; padding:.6rem }
#cdm-app #cdm-copy { margin-top:.5rem }
