/* Sending controls and sender settings (2026-09-28): sending-controls.js and sender-settings.js.
   Every class starts sc- or ss-, so nothing here can restyle another part of the dashboard. The
   modules also use the course modules' ct- classes (course-templates.css) for buttons, fields,
   callouts and tables, so they look like the Emails screen beside them. Every colour, radius and
   ring is an Ember custom property from the top of styles.css; none is written here. */
.sc-root { margin-bottom: 1rem; }
.sc-lines { margin: .4rem 0 .5rem; }
.sc-line { margin: .3rem 0; padding: .45rem .7rem; border-radius: var(--radius-panel); border: 1px solid var(--color-line);
  border-left: var(--marker-thickness) solid var(--color-line); background: var(--color-surface-quiet); color: var(--color-text); font-size: .92rem; }
.sc-line.sc-on { background: var(--color-ok-wash); border-left-color: var(--color-ok-line); }
.sc-line.sc-off { background: var(--color-surface-quiet); border-left-color: var(--color-control-border); }
.sc-line.sc-warn, .sc-line.sc-why { background: var(--color-warning-wash); border-left-color: var(--color-warning-line); }
.sc-box { border: 1px solid var(--color-line); border-radius: var(--radius-panel); padding: .6rem .85rem; margin: .8rem 0; }
.sc-box h3 { margin: 0 0 .3rem; }
.sc-late { border-left: var(--marker-thickness) solid var(--color-warning-line); background: var(--color-warning-wash); }
.sc-list { list-style: none; margin: .4rem 0 0; padding: 0; }
.sc-item { border-top: 1px solid var(--color-line); padding: .45rem 0; }
.sc-item:first-child { border-top: 0; }
.sc-item p { margin: .15rem 0; }
.sc-item .ct-actions { margin: .35rem 0 .1rem; }
.sc-form { margin: .5rem 0 .2rem; }
.sc-form select, .sc-form textarea { width: 100%; box-sizing: border-box; }
.sc-hand > summary { cursor: pointer; color: var(--color-link); font-size: .92rem; margin: .4rem 0; }
.sc-hand > summary:focus-visible { outline: var(--focus-ring-width) solid var(--color-focus-ring); outline-offset: 2px; }
.sc-result { border: 1px solid var(--color-line); border-radius: var(--radius-panel); background: var(--color-surface-raised); padding: .5rem .75rem; margin: .5rem 0; }
.sc-result p { margin: .25rem 0; }
.sc-steps { list-style: none; margin: .3rem 0 0; padding: 0; font-size: .92rem; }
.sc-steps li { padding: .15rem 0; }
.sc-mark { display: inline-block; width: 1.3rem; font-weight: 700; }
.sc-step-ok .sc-mark { color: var(--color-ok-text); }
.sc-step-bad { color: var(--color-error-text); }
/* the Settings screen */
.ss-root { max-width: 860px; }
.ss-form fieldset { border: 1px solid var(--color-line); border-radius: var(--radius-panel); margin: .6rem 0; padding: .45rem .8rem .6rem; }
.ss-form legend { font-weight: 600; padding: 0 .3rem; }
.ss-form input[type=number] { max-width: 9rem; }
.ss-hint, .ss-problem { margin: -.15rem 0 .45rem; }
.ss-root .ct-table th a { font-weight: 600; }
@media (max-width: 600px) {
  .sc-box { padding: .55rem .6rem; }
  .sc-item .ct-actions button { flex: 1 1 auto; }
}