.battery-profile-panel {
  display: grid;
  gap: 0.8rem;
  padding: 1rem;
}

.battery-profile-list {
  grid-template-columns: 1fr;
}

.battery-profile-note {
  margin: 0;
}

.battery-conclusion-section {
  display: grid;
  gap: 1rem;
}

.battery-conclusion-list {
  display: grid;
  gap: 0.9rem;
}

.battery-conclusion-item {
  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
  background: color-mix(in srgb, var(--foreground) 3%, transparent);
}

.battery-conclusion-kicker {
  margin: 0;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  opacity: 0.9;
}

.battery-conclusion-item h3 {
  margin: 0;
}

.battery-conclusion-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
}

.battery-conclusion-summary::-webkit-details-marker {
  display: none;
}

.battery-conclusion-toggle {
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent);
  border-radius: 0.3rem;
  padding: 0.35rem 0.6rem;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}

.battery-conclusion-item[open] .battery-conclusion-toggle {
  color: var(--foreground);
  background: color-mix(in srgb, var(--foreground) 6%, transparent);
}

.battery-conclusion-item[open] .battery-conclusion-toggle::after {
  content: " / 收起";
  color: color-mix(in srgb, var(--foreground) 65%, transparent);
}

.battery-conclusion-body {
  display: grid;
  gap: 1rem;
  padding: 0 1rem 1rem;
  border-top: 1px dashed color-mix(in srgb, var(--foreground) 12%, transparent);
}

[data-field="battery-profile"][data-mode="custom"] label {
  opacity: 0.45;
}

[data-field="battery-profile"][data-mode="custom"] select {
  border-color: color-mix(in srgb, var(--foreground) 10%, transparent);
  background:
    repeating-linear-gradient(
      -45deg,
      color-mix(in srgb, var(--foreground) 3%, transparent) 0,
      color-mix(in srgb, var(--foreground) 3%, transparent) 10px,
      transparent 10px,
      transparent 20px
    ),
    color-mix(in srgb, var(--foreground) 2%, var(--background));
  color: color-mix(in srgb, var(--foreground) 45%, transparent);
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--foreground) 4%, transparent);
  cursor: not-allowed;
  opacity: 0.65;
}

[data-field="battery-profile"][data-mode="custom"]::after {
  content: "MANUAL OVERRIDE";
  display: block;
  margin-top: 0.45rem;
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--accent) 70%, transparent);
  opacity: 0.78;
}
