/* File: frontend/css/milestones/outlets-0.1.3.css
   Version: 0.1.3
   Purpose: Make "Water outlets" use ONE outer border (editorial-style), matching
            Occupants/Scheduler/Weather. Remove inner card borders that caused
            the double-line look. Keep a light border around the treemap SVG.
   Safe to layer on top of v25 (theme 1.1.1) without touching other sections. */

/* --- Outer section: keep a single subtle outline (same feel as others) --- */
#outlets.section{
  /* ensure the section itself draws the one and only outline */
  border: 1px solid var(--rule);
  border-radius: var(--radius-12);
  background: var(--card);
}

/* --- Inner blocks inside the Outlets section: no borders, no shadow --- */
/* If there are any inner .section/.card/.panel wrappers, neutralize them. */
#outlets .section,
#outlets .card,
#outlets .panel,
#outlets .box{
  border: none !important;
  background: transparent;
  box-shadow: none;
}

/* Editor rows keep their layout but never add their own outlines */
#outlets .outlet-row,
#outlets .outlet-list{
  border: 0;
  background: transparent;
}

/* --- Treemap container: the SVG itself keeps a thin border for clarity --- */
#outlets .treemap-wrap{ border: 0; background: transparent }
#outlets .treemap-svg{
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 12px;
}

/* (Optional) match label tone used elsewhere */
#outlets .label,
#outlets .muted{ color: var(--muted) }