/* ============================================================
   Хайнет — прототип «Настройки → Конфиденциальность»
   ============================================================ */

.account-notice {
  background: var(--accent-soft);
  border: 1px solid rgba(0, 220, 130, 0.3);
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 0.9rem;
  color: var(--text-2);
  margin-bottom: 36px;
}

.acc-section {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 26px 26px 20px;
  margin-bottom: 20px;
}
.acc-section h2 {
  font-size: 1.2rem;
  margin-bottom: 6px;
}
.acc-section > p.desc {
  color: var(--text-3);
  font-size: 0.9rem;
  margin-bottom: 18px;
}

.acc-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  padding: 16px 0;
  border-top: 1px solid var(--border);
}
.acc-row .a-title { font-weight: 650; }
.acc-row .a-sub { color: var(--text-3); font-size: 0.85rem; margin-top: 3px; }
.acc-row .a-status-wrap {
  flex: 1 1 260px;
  font-size: 0.88rem;
  color: var(--text-2);
  font-family: var(--mono);
  font-size: 0.78rem;
  line-height: 1.5;
}
.acc-row .btn, .acc-row .cookie-btn-secondary {
  height: 40px; padding: 0 16px; font-size: 0.85rem;
}

.acc-status {
  color: var(--text-3);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 1px 8px;
}
.acc-status.on {
  color: var(--accent);
  border-color: rgba(0, 220, 130, 0.35);
  background: var(--accent-soft);
}

.acc-note {
  display: none;
  margin-top: 14px;
  padding: 12px 16px;
  border: 1px dashed var(--border-strong);
  border-radius: 10px;
  color: var(--text-2);
  font-size: 0.85rem;
}

/* requests */
.req-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
.req-form-row select,
.req-form-row input[type="email"] {
  height: 48px;
  background: var(--bg-alt);
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  color: var(--text);
  font: inherit;
  font-size: 0.92rem;
  padding: 0 14px;
  outline: none;
}
.req-form-row select { flex: 2 1 240px; }
.req-form-row input[type="email"] { flex: 2 1 220px; }
.req-form-row .btn { flex: 0 0 auto; height: 48px; }

.req-list { margin-top: 6px; }
.req-empty { color: var(--text-3); font-size: 0.88rem; }
.req-item-acc {
  padding: 12px 0;
  border-top: 1px solid var(--border);
  font-size: 0.92rem;
}
.req-item-acc .req-meta {
  display: block;
  margin-top: 4px;
  font-family: var(--mono);
  font-size: 0.76rem;
  color: var(--text-3);
}

/* delete */
.acc-danger {
  border-color: rgba(255, 107, 107, 0.35);
}
.acc-danger h2 { color: var(--danger); }
.acc-danger ul { margin: 12px 0; padding-left: 20px; }
.acc-danger li { color: var(--text-2); font-size: 0.9rem; margin-bottom: 6px; }
.acc-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--text-2);
  font-size: 0.88rem;
  margin: 16px 0;
  cursor: pointer;
}
.acc-check input {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 18px; height: 18px;
  margin-top: 2px;
  border: 1px solid var(--border-strong);
  border-radius: 5px;
  background: var(--bg-alt);
  cursor: pointer;
  display: grid;
  place-items: center;
}
.acc-check input:checked {
  background: var(--danger);
  border-color: var(--danger);
}
.acc-check input:checked::before {
  content: "✓";
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.acc-delete-done {
  display: none;
  margin-top: 14px;
  color: var(--accent);
  font-size: 0.92rem;
}