.ms-surface {
  max-width: var(--content-max-width);
  margin-inline: auto;
}

.shell__zone--card .ms-surface > .card { background: transparent; border: none; border-radius: 0; box-shadow: none; }
.shell__zone--card .ms-surface > .card.ms { margin-top: 0; }

.ms { padding: 0 var(--space-5); margin-top: var(--space-5); }
.ms-row + .ms-row { border-top: 1px solid var(--border-subtle); }

.ms-row__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) 0;
  cursor: pointer;
  width: 100%;
  background: none;
  border: none;
  font-family: inherit;
  text-align: left;
}
.ms-row__icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text-secondary);
}
.ms-row__icon .material-symbols-rounded {
  font-size: var(--text-lg);
  font-variation-settings: 'FILL' 0, 'wght' 300;
}
.ms-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ms-row__title {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--text-primary);
  line-height: var(--leading-tight);
}
.ms-row__desc { font-size: var(--text-xs); color: var(--text-tertiary); line-height: var(--leading-tight); }
.ms-row__chevron { color: var(--text-tertiary); font-size: 20px; flex-shrink: 0; }
.ms-row__head { list-style: none; }
.ms-row__head::-webkit-details-marker { display: none; }
.ms-row__chevron { transition: transform var(--duration-fast) var(--ease-out); }
details[open] > .ms-row__head .ms-row__chevron { transform: rotate(90deg); }
details[open] > .ms-row__head .ms-row__icon { background: var(--accent-subtle); color: var(--accent-primary); }

.ms-row__body { padding: 0 0 var(--space-5); }

.ms-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-5);
}
.ms-actions form { min-width: 0; max-width: 100%; }
.ms-actions .btn { max-width: 100%; }
.ms-actions .btn .truncate { min-width: 0; }
.ms-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); margin-bottom: var(--space-4); }
.ms-editor__pickers {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  margin: var(--space-2) 0;
}

.ms-channel + .ms-channel {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-subtle);
}
.ms-channel__field { display: none; margin-top: var(--space-2); }
.ms-channel:has(> .switch-row .switch-row__input:checked) .ms-channel__field { display: block; }

.ms-ghost { margin: 0; padding: 0; border: 0; min-width: 0; }
.ms-ghost__note {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.ms-ghost__note .material-symbols-rounded { font-size: var(--text-lg); color: var(--text-tertiary); flex-shrink: 0; }
.ms-ghost:disabled,
.ms-ghost:disabled * { cursor: not-allowed; }
.ms-ghost:disabled { opacity: .45; }

.switch-row:has(.switch-row__input:checked) .switch--danger { background: var(--status-error); }

.ms-danger { display: flex; align-items: center; gap: var(--space-4); }
.ms-danger__body { flex: 1; min-width: 0; }
.ms-danger__title {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--status-error);
  margin: 0;
}
.ms-danger__hint { font-size: var(--text-xs); color: var(--text-tertiary); margin: 2px 0 0; }

@media (max-width: 767px) {
  .ms-field-row { grid-template-columns: 1fr; }
}