/* atlas-knip.css — Styles fuer Aus-Knips-Mechanik (nur de_1km nach 2026-06-04).
 * Verwendung: <link rel="stylesheet" href="atlas-knip.css">
 *
 * Klassen (nach Sidebar-Konvergenz auf .atl-sec*):
 *   .ind-icon-knip          — klickbares Icon-Span (im Header oder Item)
 *   .atl-sec-item.knipped   — Item ist ausgeknipst (strikethrough + opacity)
 *   .atl-sec.grp-knipped    — ganze Gruppe ausgeknipst (Header gedimmt, Items disabled)
 *   .knip-reset             — Banner oben in der Liste, erscheint wenn count > 0
 */

#left .ind-icon-knip, .knip-host .ind-icon-knip {
  cursor: pointer; padding: 0 2px; border-radius: 3px;
  transition: .12s; display: inline-block;
}
#left .ind-icon-knip:hover, .knip-host .ind-icon-knip:hover {
  background: rgba(255,180,90,.18); transform: scale(1.15);
}
#left .ind-icon-knip:hover::after, .knip-host .ind-icon-knip:hover::after {
  content: ' 🚫'; font-size:12px; opacity: .6;
}
#left .atl-sec-item.knipped .ind-icon-knip:hover::after,
#left .atl-sec.grp-knipped .ind-icon-knip:hover::after {
  content: ' ✓'; color: #7fdc8f;
}

#left .atl-sec-item.knipped { opacity: .32; text-decoration: line-through; }
#left .atl-sec-item.knipped:hover { background: transparent; }
#left .atl-sec.grp-knipped .atl-sec-h { opacity: .4; }
#left .atl-sec.grp-knipped .atl-sec-item { opacity: .22; text-decoration: line-through; pointer-events: none; }
#left .atl-sec.grp-knipped .atl-sec-item .ind-icon-knip { pointer-events: auto; }
#left .atl-sec-h .src { display: block; font-size:12px; color: #7da2d4; font-weight: 400;
  text-transform: none; letter-spacing: 0; margin-top: 1px; opacity: .7; }

.knip-reset {
  display: flex; justify-content: space-between; align-items: center;
  padding: 6px 8px; margin: 6px 0 4px; font-size:12px; color: #9fc8ff;
  background: rgba(255,180,90,.06); border: 1px solid rgba(255,180,90,.18);
  border-radius: 4px; cursor: pointer;
}
.knip-reset:hover { background: rgba(255,180,90,.14); color: #fff; }
.knip-reset .count { color: #ffc080; font-weight: 700; }