/* Slimme lampen — bouwt op push-app.css (zelfde opbouw, docs/roadmap/slimme-lampen.md). */
.sl-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.sl-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;min-height:96px}
.sl-tile[aria-pressed="true"]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, var(--panel));box-shadow:0 0 0 1px var(--primary)}
.sl-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.sl-tile strong{font-size:14.5px}
.sl-tile small{color:var(--muted);font-size:12.5px;line-height:1.35}
.sl-glow{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:0 0 18px 2px var(--glow, #ffb347);background:var(--glow, #ffb347)}
.sl-glow.is-multi{background:conic-gradient(#ff2a1a 0 33%, #ffb300 0 66%, #1e63ff 0);box-shadow:0 0 16px 2px rgba(255,140,60,.55)}
.sl-swatches{display:flex;gap:8px;flex-wrap:wrap}
.sl-swatch{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0}
.sl-swatch[aria-pressed="true"]{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 45%, transparent)}
.sl-swatch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.sl-row-glow{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--chip)}
.sl-row-glow .sl-glow{width:18px;height:18px;box-shadow:0 0 10px 1px var(--glow, #ffb347)}
.sl-row-glow .sl-glow.is-multi{box-shadow:none}
.sl-attention{color:var(--warning);font-weight:600}
.pa-list button.pa-row{border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none}
.pa-list button.pa-row:first-child{border-top:0}
.sl-rule{cursor:default}
.sl-rule-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.sl-rule-main:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}