.dmc-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.dmc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dmc-range{ width:100%; margin-top:8px; }

@media (max-width: 900px) { .dmc-grid { grid-template-columns: 1fr; } }

.dmc-card { border: 1px solid #e8e0d0; border-radius: 5px; padding: 16px; background: #fff; }
.dmc-site-wrap h3.dmc-title { font-size: 22px; line-height: 1.2; margin-bottom: 22px; color: #8b7355; }
.dmc-subtitle { margin: 0 0 10px; font-size: 16px; }

.dmc-site-wrap label.dmc-label { display: block; font-size: 14px; margin: 0 0 6px 0; color: #8b7355; font-weight: 600;}
.dmc-input { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; }
.dmc-help { margin-top: 6px; font-size: 12px; color: #666; }

.dmc-row { display:flex; gap: 12px; }
.dmc-col { flex:1; }

.dmc-actions { display:flex; gap: 10px; margin-top: 30px; flex-wrap: wrap; }
.dmc-btn { padding: 10px 12px; border-radius: 10px; border: 1px solid #111; background:#111; color:#fff; cursor:pointer; }
.dmc-btn-outline { background:#fff; color:#111; }

.dmc-error { margin-top: 10px; padding: 10px 12px; background: #fff3f3; border: 1px solid #ffd1d1; border-radius: 10px; color:#a40000; }

.dmc-summary { display:flex; flex-direction: column; gap: 12px; }
.dmc-big-label { font-size: 18px; color:#333333; line-height: 1.33; margin-bottom: 20px;}
.dmc-site-big-text { font-size: 32px; font-weight: 700; color: #8b7355; line-height: 1.25; margin-bottom: 20px;}
.dmc-muted { font-size: 13px; color:#666; }

.dmc-kpis { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dmc-kpi { border: 1px solid #eee; border-radius: 5px; padding: 10px; }
.dmc-kpi-label { font-size: 12px; color:#666; }
.dmc-kpi-value { font-size: 14px; font-weight: 400; margin: 0; line-height: 1.6; }

.dmc-table-wrap { overflow:auto; border: 1px solid #eee; border-radius: 12px; overflow-y: auto; height: 450px;}
.dmc-table { width: 100%; border-collapse: collapse; min-width: 740px; }
.dmc-table th, .dmc-table td { padding: 10px; border-bottom: 1px solid #f0f0f0; text-align: left; font-size: 13px; }
.dmc-note { margin-top: 10px; font-size: 12px; color:#666; }

.dmc-chart-wrap { height: 320px; border: 1px solid #eee; border-radius: 12px; padding: 10px; }

#dmcsitewrap .dmc-site-btn { background-color: #e8e0d0; border-color: #e8e0d0; padding: 12px 20px; font-size: 14px; border-radius: 6px; color: #b2976e; font-weight: 500; }

.dmc-site-row { margin-bottom: 20px; }
.dmc-site-row input.dmc-range { appearance: none; width: 100%; height: 10px; background: #e8e0d0; border-radius: 3px; outline: none; cursor: pointer; position: relative; }
.dmc-site-muted { font-size: 18px; color: #333333; line-height: 1.33; margin-bottom: 10px; }
.dmc-site-kpi-label { display: block; font-size: 16px; margin: 0 0 6px 0; color: #8b7355; font-weight: 500; margin-bottom: 8px; line-height: 1.2; }
.dmc-site-row input[type="range"]::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; height: 18px; width: 18px; border-radius: 50%; background: #8b7355; border: none; box-shadow: none; outline: none; cursor: pointer; }
.dmc-table-wrap thead { position: sticky; top: -1px; background: #FFFFFF; }

@media screen and (max-width: 480px) {#dmcsitewrap .dmc-site-btn {width: 48%;} .dmc-site-row {flex-wrap: wrap;} .dmc-col { flex: unset; width: 100%; }} 
@media screen and (max-width: 393px) {#dmcsitewrap .dmc-site-btn {width: 100%;}}