.login-help-link{color:var(--accent);text-decoration:none;text-align:center}.settings-stack{display:grid;gap:1rem;max-width:1100px}.settings-card{display:grid;gap:1rem}.settings-card h2,.settings-card p{margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.delivery-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.delivery-choice label{border:1px solid var(--border);border-radius:12px;padding:.9rem;display:flex;align-items:flex-start;gap:.65rem}.delivery-choice input{width:auto;margin-top:.2rem}.delivery-choice span{display:grid;gap:.2rem}.settings-actions{display:flex;justify-content:flex-end}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.status-tile{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:.85rem}.status-tile strong{display:block;margin-top:.25rem}.status-ok{color:#50e59a}.status-warn{color:#ffca58}.code-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.infra-note{border-left:3px solid #4b95ff;padding:.65rem .8rem;background:rgba(36,92,170,.12);border-radius:8px}.mail-settings-card{max-width:1100px;margin-top:1rem}.mail-settings-head,.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mail-settings-head h2,.user-card-header h2{margin:0}.mail-test-row{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:end;border-top:1px solid var(--border);padding-top:1rem}.user-create-card{margin:1.2rem 0}.user-create-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;align-items:end}.user-create-action{display:flex;align-items:end}.user-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}.user-account-card{display:grid;gap:1rem}.user-card-header p{margin:0}.account-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.8rem}.reset-mail-row{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;border-top:1px solid var(--border);padding-top:1rem}.reset-mail-row small{overflow-wrap:anywhere}
.config-view-tools{display:flex;align-items:center;gap:.5rem;margin:.8rem 0 1rem}.config-view-tools button{padding:.55rem .75rem}.config-view-tools button.active{outline:2px solid var(--accent)}.workflow-tabs{display:none;gap:.5rem;overflow-x:auto;margin-bottom:1rem}.workflow-tabs button{white-space:nowrap;background:var(--panel2);color:var(--text)}.workflow-tabs button.active{background:var(--accent);color:#061126}.broadcast-form.tab-view .workflow-section{display:none}.broadcast-form.tab-view .workflow-section.active-tab{display:grid}.broadcast-form.tab-view+.destination-section{display:none}.broadcast-form.tab-view+.destination-section.active-tab{display:block}.broadcast-form.tab-view~.workflow-tabs{display:flex}.encoder-lock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.encoder-lock-summary div{background:var(--panel2);border:1px solid var(--border);padding:.7rem;border-radius:9px}.encoder-lock-summary small,.encoder-lock-summary strong{display:block}.advanced-encoding-toggle{display:flex;align-items:center;gap:.6rem;border-top:1px solid var(--border);padding-top:.8rem}.advanced-encoding-toggle input{width:auto}.advanced-encoding-fields{display:grid;gap:.8rem}.advanced-encoding-fields[hidden]{display:none!important}
@media(max-width:900px){.settings-grid,.delivery-choice,.status-grid,.user-create-grid,.encoder-lock-summary{grid-template-columns:1fr 1fr}.mail-test-row{grid-template-columns:1fr}.user-create-grid{align-items:stretch}}@media(max-width:600px){.settings-grid,.delivery-choice,.status-grid,.user-create-grid,.encoder-lock-summary{grid-template-columns:1fr}.reset-mail-row{grid-template-columns:1fr}}

/* Connected encoder profile selectors */
.encoder-profile-pickers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  align-items: end;
}

.encoder-lock-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
  .encoder-profile-pickers,
  .encoder-lock-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .encoder-profile-pickers,
  .encoder-lock-summary {
    grid-template-columns: 1fr;
  }
}


/* CONFIGURE CHANNEL WORKFLOW ORDER */
.channel-config-layout {
  display: grid;
  gap: 18px;
  max-width: 1180px;
}

.channel-config-layout > .broadcast-form {
  display: contents;
}

.channel-config-layout .channel-identity-grid {
  order: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--panel);
}

.channel-config-layout .workflow-section {
  margin: 0;
}

.channel-config-layout [data-workflow-tab="source"] {
  order: 1;
}

.channel-config-layout [data-workflow-tab="encoding"] {
  order: 2;
}

.channel-config-layout > .destination-section {
  order: 3;
  margin: 0;
}

.channel-config-layout [data-workflow-tab="graphics"] {
  order: 4;
}

.channel-config-layout [data-workflow-tab="insertions"] {
  order: 5;
}

.channel-config-layout .workflow-save-footer {
  order: 6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2px;
}

.channel-config-layout .workflow-save-footer[hidden] {
  display: none !important;
}

.channel-config-layout .workflow-save-footer
.primary-save-button {
  min-width: 220px;
  margin: 0;
  padding: 11px 18px;
}

@media (max-width: 700px) {
  .channel-config-layout .workflow-save-footer
  .primary-save-button {
    width: 100%;
  }
}


/* CONFIGURE DESTINATION DIVIDER */
.destination-divider {
  width: 100%;
  height: 2px;
  margin: 14px 0 12px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(96, 165, 250, .95) 0%,
    rgba(59, 130, 246, .75) 42%,
    rgba(56, 189, 248, .42) 76%,
    rgba(148, 163, 184, .12) 100%
  );
  box-shadow: 0 0 12px rgba(59, 130, 246, .18);
}

@media (max-width: 700px) {
  .destination-divider {
    margin: 12px 0 10px;
  }
}


/* CONFIGURE DESTINATION CARD CONTAINERS */
.destination-section .destination-grid {
  display: grid;
  gap: 20px;
  margin-top: 4px;
}

.destination-section .destination-card {
  position: relative;
  display: grid;
  gap: 14px;
  min-width: 0;
  overflow: hidden;
  padding: 20px 18px;
  border: 1px solid rgba(96, 165, 250, .34);
  border-radius: 14px;
  background:
    linear-gradient(
      180deg,
      rgba(22, 35, 60, .97) 0%,
      rgba(14, 24, 42, .98) 100%
    );
  box-shadow:
    0 8px 20px rgba(0, 0, 0, .16),
    0 0 0 1px rgba(96, 165, 250, .035),
    inset 0 1px 0 rgba(255, 255, 255, .02);
}

.destination-section .destination-card-sequence {
  width: max-content;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid #41648f;
  border-radius: 999px;
  background: #172a48;
  color: #9fc8ff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}

.destination-section .destination-card > form {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.destination-section .destination-card
.destination-actions {
  padding-top: 2px;
}

@media (max-width: 700px) {
  .destination-section .destination-grid {
    gap: 16px;
  }

  .destination-section .destination-card {
    padding: 18px 14px;
    border-radius: 12px;
  }

}