/* C101: explicit classification; recurrence amounts and dates keep their controls. */
html[data-theme] #page .subscription-settings-view .recurring-kind-label {
  width:fit-content; max-width:100%; padding:4px 9px; border:1px solid var(--line);
  border-radius:8px; background:var(--surface2); color:var(--text);
  font-size:12px; font-weight:600; line-height:1.4; overflow-wrap:anywhere;
}
html[data-theme] #page .subscription-settings-view .recurring-kind-editor {
  display:grid; gap:12px; min-width:0; padding:14px; border:1px solid var(--line);
  border-radius:12px; background:var(--surface2); color:var(--text);
}
html[data-theme] #page .subscription-settings-view .recurring-kind-editor label {
  display:grid; gap:7px; min-width:0; font-size:13px; line-height:1.5;
}
html[data-theme] #page .subscription-settings-view .recurring-kind-editor select {
  width:100%; min-width:0; min-height:40px; padding:9px 12px;
  border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--text);
}
html[data-theme] #page .subscription-settings-view .recurring-kind-editor p {
  margin:0; font-size:13px; line-height:1.5; overflow-wrap:anywhere;
}
html[data-theme] #page .subscription-settings-view .recurring-kind-editor [role="alert"] {color:var(--coral)}
html[data-theme] #page .subscription-settings-view .recurring-kind-actions {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0;
}
html[data-theme] #page .subscription-settings-view .recurring-kind-actions button {
  min-height:40px; max-width:100%; margin:0; white-space:normal; line-height:1.4;
}
html[data-theme] #page .subscription-settings-view .recurring-kind-editor :is(select,button):focus-visible {
  outline:2px solid var(--purple); outline-offset:3px;
}
@media(max-width:760px) {
  html[data-theme] #page .subscription-settings-view .recurring-kind-editor select {min-height:44px;font-size:16px}
  html[data-theme] #page .subscription-settings-view .recurring-kind-actions button {min-height:44px;flex:1 1 150px}
  html[data-theme] #page .subscription-settings-view [data-recurring-kind-open] {min-height:44px}
}