.zc-wrap { max-width: 980px; margin: 0 auto; padding: 16px; }
.zc-card { background: #fafafa; border: 0px; border-radius: 8px; padding: 1.25rem; margin: 24px 0; }
.zc-card h3, .zc-card h4{ color: #000; font-size: 20px; line-height: 28px; margin-bottom: 16px; }
#zc-company { margin-top: 20px !important;}
.zc-room .zc-badge{ display: none; !important}
#zc-rooms h5{ font-size: 18px; line-height: 26px; color: #000; font-weight: 600; margin-bottom: 16px;}
.zc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.zc-grid label { display: grid; gap: 6px; font-size: 14px; }
.zc-grid input { padding: 0.75rem 1rem; border: 1px solid #e5e5e5; border-radius: 6px; background-color: #fff !important;}
.zc-grid input::placeholder, .zc-grid select::placeholder { color:#747474; !important}
.zc-grid select { padding: 0.75rem 1rem; border: 1px solid #e5e5e5; border-radius: 6px; }
.zc-alert { padding: 0.75rem 1rem; border: 1px solid #eee; border-radius: 6px; background: #fafafa; }
.zc-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.zc-row-between { justify-content: space-between; }
.zc-btn, .zc-room-actions .zc-btn.red { padding: 0.65rem 1.25rem; font-weight: 600; font-size: 0.9rem; color: #fff; text-decoration: none; border-radius: 4px; background-color: #DE000E !important; cursor: pointer; }
.zc-btn:hover, .zc-room-actions .zc-btn.red:hover { background-color: #b8000c !important; }
.zc-room-actions .zc-btn, button#zc-copy {color: #000; border: 1px solid #e5e5e5; background: transparent ! IMPORTANT; font-size: 0.9rem; padding: 0.65rem 1.25rem; font-weight: 600; border-radius: 4px;}
.zc-room-actions .zc-btn:hover, button#zc-copy:hover {background: #000 !important; color: #fff;}
.zc-btn-primary { background: #111; color: #fff; border-color: #111; }
.zc-muted { color: #666; font-size: 13px; margin: 6px 0 0; }
.zc-room { padding: 0.75rem 1rem; border: 1px solid #e5e5e5; border-radius: 6px; background: #fff !important; box-shadow: none !important; margin: 16px 0; }
.zc-room h4 { margin: 0 0 10px; }
.zc-room .zc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zc-room select, .zc-room input { padding: 0.75rem 1rem; border: 1px solid #e5e5e5; border-radius: 6px; }
.zc-room label.regulator {padding: 0.65rem 1.25rem; font-size: 0.9rem; color: #000; text-decoration: none; border-radius: 4px; font-weight: 500; display: inline-block; border: 1px solid #e5e5e5;}
.zc-room label.regulator.active, .zc-room label.regulator:hover {background-color: #000; color: #fff;}
.regulatory-lista{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;}
.zc-room label.regulator input{width:0px; height: 0px;}
.zc-room-actions { display: flex; justify-content: flex-end; margin-top: 10px; }
.zc-badge { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #f1f1f1; font-size: 12px; margin-top: 8px; }
.zc-summary { margin-top: 10px; }
.zc-summary table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.zc-summary th, .zc-summary td { border-bottom: 1px solid #e5e5e5; padding: 0.75rem 1rem; font-size: 0.75rem; text-align: left; vertical-align: top; }
.zc-summary th { text-transform: uppercase; color: #666; border-bottom: 1px solid #e5e5e5; }
.zc-send { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.zc-textarea { width: 100%; margin-top: 12px; padding: 12px; border: 1px solid #ddd; border-radius: 12px; }
.zc-thermo-types { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.zc-thermo-types label { display: inline-flex; gap: 8px; align-items: center; padding: 8px 10px; border: 1px solid #eee; border-radius: 999px; background: #fafafa; cursor: pointer; font-size: 13px; }
.zc-thermo-types input { margin: 0; }
.zc-thermostats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.zc-thermo-card { border: 1px solid #eee; border-radius: 12px; padding: 12px; }
.zc-thermo-card img { width: 100%; height: 140px; object-fit: cover; border-radius: 10px; border: 1px solid #eee; }
.zc-thermo-card .zc-row { justify-content: space-between; margin-top: 8px; }
@media (max-width: 800px) {
  .zc-grid { grid-template-columns: 1fr; }
  .zc-room .zc-grid { grid-template-columns: 1fr; }
  .zc-thermostats { grid-template-columns: 1fr; }
}