/* ── Sleep diary v2 ── */
.sleep-entry-card {
  background: #0e0d0b; border: 1px solid #1e1c16;
  border-radius: 6px; padding: 10px 12px; margin-bottom: 8px;
  transition: border-color .2s;
}
.sleep-entry-card:hover { border-color: #2a2820; }
.sleep-entry-card.selected {
  border-color: #AA88FF88; background: #AA88FF08;
}
.sleep-entry-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 6px;
}
.sleep-entry-type {
  font-family: var(--mono); font-size: 8px; letter-spacing: 1.5px;
  color: #4A9EFF;
}
.sleep-entry-date {
  font-family: var(--mono); font-size: 8px; color: #333;
}
.sleep-entry-text {
  font-size: 11px; color: #999; line-height: 1.6; margin-bottom: 8px;
}
.sleep-entry-actions {
  display: flex; gap: 6px; align-items: center; flex-wrap: wrap;
}
.sleep-btn-analyze {
  font-family: var(--mono); font-size: 8px; padding: 3px 12px;
  background: #AA88FF22; border: 1px solid #AA88FF66;
  color: #AA88FF; cursor: pointer; border-radius: 2px;
  transition: all .2s; letter-spacing: 1px;
}
.sleep-btn-analyze:hover { background: #AA88FF33; border-color: #AA88FF; }
.sleep-btn-analyze:disabled { opacity: .35; cursor: default; }
.sleep-btn-view {
  font-family: var(--mono); font-size: 8px; padding: 3px 12px;
  background: #2dd6a322; border: 1px solid #2dd6a366;
  color: #2dd6a3; cursor: pointer; border-radius: 2px;
  transition: all .2s; letter-spacing: 1px;
}
.sleep-btn-view:hover { background: #2dd6a333; }
.sleep-btn-edit {
  font-family: var(--mono); font-size: 8px; padding: 3px 10px;
  background: none; border: 1px solid #2a2820;
  color: #555; cursor: pointer; border-radius: 2px; transition: all .2s;
}
.sleep-btn-edit:hover { border-color: #555; color: #888; }
.sleep-btn-delete {
  font-family: var(--mono); font-size: 8px; padding: 3px 8px;
  background: none; border: 1px solid #3a1a1a; color: #663333;
  cursor: pointer; border-radius: 2px; transition: all .15s;
}
.sleep-btn-delete:hover { background: #ff444422; border-color: #ff4444; color: #ff6666; }
.sleep-btn-select {
  font-family: var(--mono); font-size: 8px; padding: 3px 8px;
  background: none; border: 1px solid #2a2820;
  color: #444; cursor: pointer; border-radius: 2px; transition: all .2s;
  margin-left: auto;
}
.sleep-btn-select:hover { border-color: #AA88FF44; color: #AA88FF88; }
.sleep-btn-select.checked {
  background: #AA88FF22; border-color: #AA88FF; color: #AA88FF;
  font-size: 11px;
}
.sleep-entry-card.selected {
  border-color: #AA88FF55 !important;
  background: #AA88FF08;
}
.sleep-analysis-box {
  margin-top: 8px; padding: 10px; background: #0a0906;
  border: 1px solid #AA88FF22; border-radius: 4px;
  font-size: 11px; color: #888; line-height: 1.6; white-space: pre-wrap;
  display: none;
}
.sleep-analysis-box.show { display: block; }
.sleep-analysis-text {
  font-size: 16px; color: #bbb; line-height: 1.8;
  margin-top: 4px;
}
.sleep-analysis-text h1,.sleep-analysis-text h2,.sleep-analysis-text h3 {
  font-size: 14px; color: #ddd; margin: 10px 0 4px;
}
.sleep-analysis-text strong { color: #ddd; }
.sleep-analysis-text ul,.sleep-analysis-text ol {
  padding-left: 16px; margin: 4px 0;
}
.sleep-analysis-text li { margin-bottom: 3px; }

/* ── Multi-select bar ── */
.sleep-multi-bar {
  display: none;
  align-items: center;
  gap: 8px;
  background: #0a0906;
  border: 1px solid #AA88FF44;
  padding: 8px 12px;
  margin-bottom: 8px;
}
.sleep-multi-bar.show {
  display: flex;
}
.sleep-multi-label {
  font-family: var(--mono);
  font-size: 8px;
  color: #AA88FF;
  letter-spacing: 1px;
  flex: 1;
}
.sleep-btn-multi {
  font-family: var(--mono);
  font-size: 8px;
  background: #AA88FF22;
  border: 1px solid #AA88FF;
  color: #AA88FF;
  padding: 4px 10px;
  cursor: pointer;
}

/* ── Multi-select bar ── */
.sleep-multi-bar {
  display: none;
  align-items: center;
  gap: 8px;
  background: #0a0906;
  border: 1px solid #AA88FF44;
  padding: 8px 12px;
  margin-bottom: 8px;
}
.sleep-multi-bar.show {
  display: flex;
}
.sleep-multi-label {
  font-family: var(--mono);
  font-size: 8px;
  color: #AA88FF;
  letter-spacing: 1px;
  flex: 1;
}
.sleep-btn-multi {
  font-family: var(--mono);
  font-size: 8px;
  background: #AA88FF22;
  border: 1px solid #AA88FF;
  color: #AA88FF;
  padding: 4px 10px;
  cursor: pointer;
}