/* Persönliche Einstellungen */

.ps-wrap { max-width: 760px; padding: 4px 2px 40px; }
.ps-head { margin: 8px 0 18px; }
.ps-head h2 { font-size: 19px; margin: 0; display: flex; align-items: center; gap: 9px; }
.ps-head h2 .icon { width: 20px; height: 20px; color: var(--brand); }
.ps-sub { font-size: 12.5px; color: var(--text-muted); margin-top: 4px; }

.ps-section { margin-bottom: 24px; }
.ps-section h3 {
  font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
  color: var(--text-dim); margin: 0 0 10px; display: flex; align-items: center; gap: 7px; font-weight: 700;
}
.ps-section h3 .icon { width: 14px; height: 14px; }

.ps-card {
  display: flex; align-items: flex-start; gap: 14px;
  background: var(--surface, #fff); border: 1px solid var(--border);
  border-radius: 10px; padding: 14px 16px; margin-bottom: 10px;
}
.ps-ico {
  flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px;
  background: var(--brand-soft, #e6f6fb); display: grid; place-items: center;
}
.ps-ico .icon { width: 18px; height: 18px; color: var(--brand); }
.ps-body { flex: 1; min-width: 0; }
.ps-title { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.ps-desc { font-size: 12.5px; color: var(--text-muted); margin-top: 3px; line-height: 1.5; }

.ps-linkbtn {
  margin-top: 10px; border: 1px solid var(--border-strong); background: var(--surface, #fff);
  color: var(--text); border-radius: 7px; padding: 5px 10px; font-size: 12px; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
}
.ps-linkbtn:hover { background: var(--bg); }
.ps-linkbtn .icon { width: 13px; height: 13px; color: var(--text-muted); }

.ps-badge {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  background: var(--border); color: var(--text-muted); border-radius: 4px; padding: 1px 6px;
}
.ps-planned { opacity: .62; }
.ps-planned .ps-ico { background: var(--bg); }
.ps-planned .ps-ico .icon { color: var(--text-dim); }

/* Switch */
.ps-switch { position: relative; flex-shrink: 0; width: 42px; height: 24px; margin-top: 4px; }
.ps-switch input { opacity: 0; width: 0; height: 0; }
.ps-slider {
  position: absolute; inset: 0; cursor: pointer; background: var(--border-strong);
  border-radius: 999px; transition: background .18s;
}
.ps-slider::before {
  content: ""; position: absolute; height: 18px; width: 18px; left: 3px; top: 3px;
  background: #fff; border-radius: 50%; transition: transform .18s; box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.ps-switch input:checked + .ps-slider { background: var(--brand); }
.ps-switch input:checked + .ps-slider::before { transform: translateX(18px); }