/* /series/ — заявка «хочу такой же сериал» (2026-10-07). Поверх notes.css. */
.sr-steps{padding-left:1.3em;margin:0 0 18px}
.sr-steps li{margin:0 0 8px}
.sr-form{display:grid;gap:14px;margin:12px 0 10px;max-width:640px}
.sr-roles{border:1px solid var(--line-2);border-radius:10px;padding:10px 14px 12px;margin:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 14px}
.sr-roles legend{font-weight:600;padding:0 4px}
.sr-roles label{display:flex;gap:8px;align-items:baseline;cursor:pointer}
.sr-field{display:grid;gap:6px;font-weight:600}
.sr-field small{font-weight:400;color:var(--fg-2)}
.sr-field input,.sr-field textarea{font:400 16px/1.5 inherit;font-family:inherit;color:var(--fg);
  background:var(--panel);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;width:100%;
  box-sizing:border-box}
.sr-field textarea{min-height:12em;resize:vertical}
.sr-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){ .sr-row{grid-template-columns:1fr} }
.sr-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sr-btn{justify-self:start;min-height:46px;padding:0 20px;border:0;border-radius:8px;cursor:pointer;
  background:var(--accent,#E86A5C);color:#fff;font:600 16px/1 inherit;font-family:inherit}
.sr-btn[disabled]{opacity:.6;cursor:wait}
.sr-msg{margin:0;padding:12px 14px;border-radius:8px;background:var(--panel-2)}
.sr-msg.err{outline:2px solid var(--accent,#E86A5C)}
.sr-fine{font-size:14px;color:var(--fg-2)}